/*
 Theme Name:   Frita Theme
 Theme URI:    https://muzamna.com
 Description:  Custom theme for Frita (Snacks). Developed and maintained by Muzamna Technical Solutions.
 Author:       Muzamna
 Author URI:   https://muzamna.com
 Template:     generatepress
 Version:      1.2.1
 Text Domain:  frita
*/
/* ---------- Tokens ---------- */


:root {
    --radius: 18px;
    --font-display: 'Unbounded', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}


/* WPML Copliance 
 * =============
 * ==============
 * ============
 * ==============*/
/* Default — en, bg, cs, pl, ro, sk, es */
html {

  direction: ltr;
}
html[lang|="ar"] .fr-marquee,
html[lang|="ar"] .fr-marquee__track,
html[lang|="ar"] .fr-marquee__group {
  direction: ltr !important;
  text-align: left !important;
}
/* RTL — ar-JO, ar-KW, ar-SY */
html[lang|="ar"] {
  --font-display: "Alexandria", sans-serif;
  --font-body: "Alexandria", sans-serif;
  --font-mono: "Alexandria", sans-serif;
  direction: rtl;
}

html[lang|="ar"] .nav-align-right .navigation-branding {
    margin-right: unset;
    margin-left: auto;
}

html[lang|="ar"] .wpcf7{
	direction:rtl!important;
}

/*seif*/
html[lang|="ar"] .main-navigation .main-nav ul li.menu-item-has-children > a{
    padding-right: 20px;
	padding-left: 10px;
}
@media (max-width: 768px){
	html[lang|="ar"] .main-navigation .main-nav ul li.menu-item-has-children > a{
    padding-right: 0px !important;
	padding-left: 10px;
}
}
/*DropD..*/
html[lang|="ar"] .main-navigation .main-nav ul ul li a{
	text-align:right;
}
html[lang|="ar"] .menu-item-has-children .dropdown-menu-toggle{
    padding-right: 10px!important;
	padding-left: 10px!important;
}


html[lang|="ar"] body {
  font-family: var(--font-body) !important;
  letter-spacing: normal;
}

/* Arabic font stack */
html[lang|="ar"] {
  --font-display: "Marhey", system-ui, sans-serif;
  --font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-mono: "IBM Plex Sans Arabic", system-ui, sans-serif;
  direction: rtl;
  line-height: 1.85;
}

/* Titles — Marhey */
html[lang|="ar"] h1,
html[lang|="ar"] h2,
html[lang|="ar"] h3,
html[lang|="ar"] h4,
html[lang|="ar"] h5,
html[lang|="ar"] h6 {
  font-family: "Readex Pro", system-ui, sans-serif !important;
  letter-spacing: 0 !important;
}

/* Everything else — IBM Plex Sans Arabic */
html[lang|="ar"] .gb-text,
html[lang|="ar"] .gb-element,
html[lang|="ar"] .gb-button,
html[lang|="ar"] .main-navigation,
html[lang|="ar"] a,
html[lang|="ar"] li,
html[lang|="ar"] button,
html[lang|="ar"] input,
html[lang|="ar"] textarea,
html[lang|="ar"] select {
  font-family: "Readex Pro", system-ui, sans-serif !important;
  letter-spacing: normal !important;
}
html[lang|="ar"] .page-hero h1{
	line-height:1.2!important;
	margin-bottom:32px!important;
}
html[lang|="ar"] p,
html[lang|="ar"] span {
	font-family: "Readex Pro", system-ui, sans-serif !important;
  letter-spacing: normal !important;
}
html[lang|="ar"] em {
	font-family: "Marhey", system-ui, sans-serif !important;
  letter-spacing: normal !important;
}
html[lang|="ar"] .pd-title,
html[lang|="ar"] .pd-title em {
  font-family: "Readex Pro", system-ui, sans-serif !important;
}
/* Admain bar Icons in Arabic */
#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar span.ab-icon {
  font-family: dashicons !important;
  letter-spacing: 0 !important;
}

/* END WPML Copliance 
 * =============
 * ==============
 * ============
 * ==============*/
.site-content:has(.page-hero) {
    flex-direction: column;
}
.post-type-archive-frita_product .site-content{
	background:#faf6e9!important;
}
nav#site-navigation {
    width: 100%;
	overflow-x: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
	margin-bottom:5px;
}

.main-navigation ul ul li {
    width: calc(100% - 10px);
	    padding: 5px;
}

.main-navigation.toggled .main-nav li {
    padding: 10px;
}
html[lang|="ar"] .main-navigation.toggled .main-nav li{
	   text-align: right;
}
.navigation-branding img, .site-logo.mobile-header-logo img {
    height: 70px !important;
}

span.gp-icon.icon-menu-bars {
	color: var(--blue-900) !important
}

span.gp-icon.icon-menu-bars svg{
	height: 2em;
    width: 2em;
}
li.menu-item a {
    border-radius: 99999px;
	transition: all 0.3s ease-in-out;
}

li.menu-item a:hover {
    background: var(--yellow) !important;
    color: var(--blue-900) !important;
    border-radius: 99999px;
	transition: all 0.7s ease-in-out;
}


.main-navigation li {
    margin-right: 5px;
    margin-left: 5px;
}

.menu-item.contact a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--blue-600) !important;
    color: var(--yellow) !important;
    color: var(--white)
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}

/* Custom css to override some given styles in pages */
	/* Style of the single product */
.pd-card{
	padding: 25px !important;
}

@media (max-width: 768px){
	.pd-card{
		padding: 18px 12px 18px 12px !important;
		border-radius: 24px;
	}
	.pd-detail{
		padding: 160px 0 50px 0;
	}
	.wrap{
		padding: 0 20px;
	}
	.nutrition-table tbody tr th{
		padding: 13px 0px !important;
	}
	
}
html[lang|="ar"] .pd-card .num{
	font-family: "Marhey", system-ui, sans-serif !important;
	letter-spacing: normal !important;
	word-spacing: 3px;
	  font-size: 15px;
	font-weight: 600;
}

/* Professional readable sizing */
table{
	margin: 0;
}
.nutrition-table th,
.nutrition-table td {
  font-size: clamp(14px, 1vw, 16px) !important;
  line-height: 1.55;
}

/* Header slightly stronger */
.nutrition-table thead th {
  font-size: 22px !important;
  font-weight: 700;
  line-height: 1.4;
}

/* First column labels */
.nutrition-table tbody tr th {
	font-size: 22px;
	font-style: normal;
  	font-weight: 500;
}

/* Numbers */
.nutrition-table tbody td {
	font-size: 18px !important;
  font-weight: 500;
  white-space: nowrap;
}


/* Keep the rest inherited in Arabic */
html[lang|="ar"] .nutrition-table,
html[lang|="ar"] .nutrition-table th,
html[lang|="ar"] .nutrition-table td,
html[lang|="ar"] .pd-card h3,
html[lang|="ar"] .allergen-note {
  font-family: inherit !important;
}

/* Allergen note */
.allergen-note {
  font-size: clamp(13px, 0.95vw, 15px);
  line-height: 1.6;
}

html[lang|="ar"] .allergen-note {
  word-spacing: 3px;
}

/* Mobile */
@media (max-width: 768px) {
  .nutrition-table thead th,
  .nutrition-table tbody tr th,
  .nutrition-table tbody td,
  .nutrition-table th,
  .nutrition-table td {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .nutrition-table {
    width: 100%;
    table-layout: fixed;
  }

  .nutrition-table th,
  .nutrition-table td {
    padding: 8px 6px;
    white-space: normal !important;
  }

  .nutrition-table tbody td {
    white-space: nowrap !important;
  }
}
/* نفس التشكيلة */
html[lang|="ar"] .rel-name, html[lang|="ar"] .lab, html[lang|="ar"] .ico{
	font-family: "Readex Pro", sans-serif !important;
	
}

/* نفس التشكيلة */

/* Navbar zindex Problem */
/* Keep header/dropdown above the next section */
.site-header,
.main-navigation,
.main-navigation .inside-navigation,
.main-navigation ul,
.main-navigation li {
    overflow: visible !important;
}

.site-header,
.main-navigation {
    position: relative;
    z-index: 9999 !important;
}
/* Navbar zindex Problem */
/* GeneratePress dropdown menu */
.main-navigation ul ul,
.main-navigation .sub-menu {
    z-index: 10000 !important;
}
/* Style of the mailpoet_paragraph */

html[lang|="ar"] .pv-newsletter .mailpoet_text::placeholder,html[lang|="ar"] .pv-newsletter .mailpoet_submit{
	font-family: "Readex Pro", sans-serif !important;
}

/*Nageep*/
	@media (max-width: 767px) { 
		.pv-newsletter .mailpoet_form{
			  flex-direction: column!important;
			flex:unset!important;
		}
		.pv-newsletter .last .mailpoet_submit{
			width:100%!important;
		}
	}

/* Style of the contact form */
.gb-element-67687302,
.gb-element-67687302 *,
.gb-element-67687302 input,
.gb-element-67687302 textarea,
.gb-element-67687302 select,
.gb-element-67687302 button,
.gb-element-67687302 input::placeholder,
.gb-element-67687302 textarea::placeholder{
    font-family: "Readex Pro", sans-serif !important;
    letter-spacing: normal !important;
}

html[lang|="ar"] .gb-element-67687302,
html[lang|="ar"] .gb-element-67687302 label,
html[lang|="ar"] .gb-element-67687302 input,
html[lang|="ar"] .gb-element-67687302 select,
html[lang|="ar"] .gb-element-67687302 textarea{
    font-size: 16px !important;
}
html[lang|="ar"] .gb-element-67687302 .gb-text{
	font-size: 12px !important;
}

html[lang|="ar"] .gb-element-67687302 .wpcf7-submit{
    font-size: 16px !important;
    padding: 14px 24px !important;
}

html[lang|="ar"] .gb-element-67687302 .contact-card h3{
    font-size: 18px !important;
}

html[lang|="ar"] .contact-card .v{
    font-family: "Readex Pro", sans-serif !important;
    font-size: 20px !important;
}

.breadcrumb span:first-of-type{
	margin:0;
}
.breadcrumb span:last-of-type{
	margin:0;
}

/* Navbar */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a{
	color: var(--blue-900);
}
@media (max-width: 768px){
	.main-navigation .main-nav ul li a{
	width: 100%;
}
.main-navigation.has-branding .inside-navigation.grid-container {
    padding: 0 10px 0 10px !important;
  }
	.menu-toggle{
		padding: 0 !important;
	}
	.navigation-branding{
		margin: 0 !important;
	}
}
.main-navigation .main-nav ul li a{
	width: 100%;
}
/* Events padding section on mobile */
@media (max-width: 768px){
	.ev-list{
		padding-bottom: 20px !important;
	}
	#mailpoet_form_3 form.mailpoet_form{
		padding: 0 !important;
	}
/* 	Video hero */
	.vd-hero{
		padding-bottom: 25px !important;
	}
	.vd-grid-wrap{
		padding-top: 150px !important;
	}
/* 	LineHeight */
	.nr-hero h1{
		line-height: 1.2 !important;
	}
}
/* Footer */
.footer-item::after{
	bottom: -2px !important;
}
html[lang|="ar"] .footer-item::after{
	bottom: -8px !important;
}