/* ========================================================== PADIDAR MOBILE TOPBAR CLEAN FINAL One source of truth ========================================================== */ /* ========================================================== DESKTOP / TABLET Preserve current desktop appearance ========================================================== */ /* PADIDAR DESKTOP TOPBAR ICONS V1 */ /* Preserve the previous tablet behavior. */ @media (min-width:521px) and (max-width:921px) { html body.pf-site .pf-header .pf-phone-mobile-icon, html body.pf-site .pf-header .pf-header-wa .pf-wa-mobile-icon { display:none !important; } html body.pf-site .pf-header .pf-header-wa .pf-wa-text { display:inline !important; } } /* Desktop only */ @media (min-width:922px) { html body.pf-site .pf-header .pf-topbar .pf-contact-mini { display:flex !important; align-items:center !important; gap:16px !important; } /* Tehran / Iran - separated from phone */ html body.pf-site .pf-header .pf-contact-mini .pf-location { display:inline-flex !important; align-items:center !important; margin:0 !important; padding-inline-end:16px !important; border-inline-end:1px solid rgba(255,255,255,.3) !important; white-space:nowrap !important; } /* Phone link */ html body.pf-site .pf-header .pf-contact-mini a.pf-header-phone { display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; margin:0 !important; padding:0 !important; color:#ffffff !important; direction:ltr !important; unicode-bidi:isolate !important; text-decoration:none !important; white-space:nowrap !important; } /* Real white telephone SVG */ html body.pf-site .pf-header .pf-header-phone svg.pf-phone-mobile-icon { display:block !important; position:static !important; flex:0 0 17px !important; width:17px !important; height:17px !important; min-width:17px !important; min-height:17px !important; margin:0 !important; padding:0 !important; color:#ffffff !important; fill:#ffffff !important; transform:none !important; } html body.pf-site .pf-header .pf-header-phone svg.pf-phone-mobile-icon path { fill:currentColor !important; } /* Keep phone sequence intact */ html body.pf-site .pf-header .pf-header-phone .pf-phone-sequence { display:inline-flex !important; align-items:center !important; gap:3px !important; direction:ltr !important; white-space:nowrap !important; } /* WhatsApp circle */ html body.pf-site .pf-header .pf-contact-mini a.pf-header-wa { display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 29px !important; width:29px !important; height:29px !important; min-width:29px !important; min-height:29px !important; margin:0 !important; padding:4px !important; border:1px solid rgba(255,255,255,.3) !important; border-radius:50% !important; background:#ffffff !important; color:#25D366 !important; box-shadow:0 2px 8px rgba(0,0,0,.13) !important; box-sizing:border-box !important; text-decoration:none !important; line-height:0 !important; transition:transform .2s ease, box-shadow .2s ease !important; } /* Remove WhatsApp text on desktop */ html body.pf-site .pf-header .pf-header-wa .pf-wa-text { display:none !important; } /* Show original WhatsApp SVG */ html body.pf-site .pf-header .pf-header-wa svg.pf-wa-mobile-icon { display:block !important; position:static !important; flex:0 0 19px !important; width:19px !important; height:19px !important; min-width:19px !important; min-height:19px !important; margin:0 !important; padding:0 !important; color:#25D366 !important; fill:currentColor !important; transform:none !important; visibility:visible !important; opacity:1 !important; } html body.pf-site .pf-header .pf-header-wa svg.pf-wa-mobile-icon path { fill:currentColor !important; } html body.pf-site .pf-header .pf-header-wa:hover { transform:translateY(-2px) !important; box-shadow:0 4px 13px rgba(37,211,102,.24) !important; } } /* END PADIDAR DESKTOP TOPBAR ICONS V1 */ /* ========================================================== MOBILE ONLY ========================================================== */ @media (max-width:520px){ /* ------------------------------------------------------ TOPBAR GEOMETRY ------------------------------------------------------ */ html body.pf-site .pf-header .pf-topbar{ position:relative !important; display:block !important; width:100% !important; height:42px !important; min-height:42px !important; max-height:42px !important; margin:0 !important; padding:0 !important; overflow:hidden !important; } html body.pf-site .pf-header .pf-topbar .pf-topbar-inner{ position:relative !important; display:block !important; width: calc(100% - 28px) !important; height:42px !important; min-height:42px !important; max-height:42px !important; margin: 0 auto !important; padding:0 !important; overflow:visible !important; } html body.pf-site .pf-header .pf-topbar .pf-contact-mini{ position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:42px !important; min-height:42px !important; max-height:42px !important; margin:0 !important; padding:0 !important; overflow:visible !important; } html body.pf-site .pf-header .pf-topbar .pf-top-actions, html body.pf-site .pf-header .pf-contact-mini .pf-location{ display:none !important; } /* ====================================================== PHONE — RIGHT SIDE / EXACT VERTICAL CENTER ====================================================== */ html body.pf-site .pf-header .pf-contact-mini a.pf-header-phone{ position:absolute !important; top:50% !important; right:0 !important; left:auto !important; bottom:auto !important; transform: translateY(-50%) !important; display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-end !important; gap:6px !important; width:auto !important; min-width:0 !important; max-width:none !important; height:26px !important; min-height:26px !important; margin:0 !important; padding:0 !important; border:0 !important; background:none !important; box-shadow:none !important; color:#fff !important; text-decoration:none !important; font-size:11.5px !important; font-weight:800 !important; line-height:1 !important; white-space:nowrap !important; direction:ltr !important; unicode-bidi:isolate !important; overflow:visible !important; visibility:visible !important; opacity:1 !important; } html body.pf-site .pf-header .pf-header-phone .pf-phone-mobile-icon{ display:block !important; flex: 0 0 18px !important; width:18px !important; min-width:18px !important; max-width:18px !important; height:18px !important; min-height:18px !important; max-height:18px !important; margin:0 !important; padding:0 !important; position:static !important; transform:none !important; fill:#fff !important; color:#fff !important; opacity:.95 !important; } html body.pf-site .pf-header .pf-header-phone .pf-phone-mobile-icon path{ fill:currentColor !important; } /* * Old reference CSS hides contact-mini spans. * Force the phone sequence back. */ html body.pf-site .pf-header .pf-header-phone > .pf-phone-sequence{ display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:center !important; gap:3px !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; color:#fff !important; direction:ltr !important; unicode-bidi:isolate !important; white-space:nowrap !important; visibility:visible !important; opacity:1 !important; } html body.pf-site .pf-header .pf-header-phone .pf-phone-number, html body.pf-site .pf-header .pf-header-phone .pf-phone-until, html body.pf-site .pf-header .pf-header-phone .pf-latin-digits, html body.pf-site .pf-header .pf-header-phone bdi, html body.pf-site .pf-header .pf-header-phone span{ display:inline !important; position:static !important; float:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; color:inherit !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; white-space:nowrap !important; visibility:visible !important; opacity:1 !important; } html body.pf-site .pf-header .pf-header-phone .pf-phone-number, html body.pf-site .pf-header .pf-header-phone bdi{ direction:ltr !important; unicode-bidi:isolate !important; font-variant-numeric: tabular-nums !important; } html body.pf-site .pf-header .pf-header-phone .pf-phone-until{ direction:rtl !important; unicode-bidi:isolate !important; } /* ====================================================== WHATSAPP — LEFT SIDE / EXACT VERTICAL CENTER ====================================================== */ html body.pf-site .pf-header .pf-contact-mini a.pf-header-wa{ position:absolute !important; top:50% !important; left:0 !important; right:auto !important; bottom:auto !important; transform: translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; width:27px !important; min-width:27px !important; max-width:27px !important; height:27px !important; min-height:27px !important; max-height:27px !important; margin:0 !important; padding:0 !important; border: 1px solid rgba(255,255,255,.28) !important; border-radius: 50% !important; background: #ffffff !important; color: #25D366 !important; box-shadow: 0 2px 8px rgba(0,0,0,.14) !important; line-height:0 !important; text-decoration:none !important; overflow:hidden !important; box-sizing:border-box !important; visibility:visible !important; opacity:1 !important; } html body.pf-site .pf-header .pf-header-wa .pf-wa-text{ display:none !important; } html body.pf-site .pf-header .pf-header-wa svg.pf-wa-mobile-icon{ position:static !important; display:block !important; flex: 0 0 17px !important; width:17px !important; min-width:17px !important; max-width:17px !important; height:17px !important; min-height:17px !important; max-height:17px !important; margin:0 !important; padding:0 !important; transform:none !important; fill:currentColor !important; color:#25D366 !important; vertical-align:middle !important; visibility:visible !important; opacity:1 !important; overflow:visible !important; } html body.pf-site .pf-header .pf-header-wa svg.pf-wa-mobile-icon path{ fill:currentColor !important; } html body.pf-site .pf-header .pf-header-wa:active{ transform: translateY(-50%) scale(.94) !important; } } /* ========================================================== END PADIDAR MOBILE TOPBAR CLEAN FINAL ========================================================== */ /* PADIDAR TOP SOCIAL LINKS V1 START */ /* Shared round buttons */ html body.pf-site .pf-header .pf-contact-mini a.pf-top-social { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 28px !important; width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important; max-width: 28px !important; max-height: 28px !important; margin: 0 !important; padding: 5px !important; border: 1px solid rgba(255,255,255,.3) !important; border-radius: 50% !important; background: #fff !important; text-decoration: none !important; line-height: 0 !important; overflow: hidden !important; visibility: visible !important; opacity: 1 !important; transition: background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease, transform .2s ease !important; } html body.pf-site .pf-header .pf-top-social svg { display: block !important; position: static !important; width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; max-width: 18px !important; max-height: 18px !important; margin: 0 !important; padding: 0 !important; transform: none !important; color: inherit !important; overflow: visible !important; } html body.pf-site .pf-header a.pf-top-instagram { color: #e1306c !important; } html body.pf-site .pf-header a.pf-top-linkedin { color: #0a66c2 !important; } html body.pf-site .pf-header a.pf-top-instagram:hover, html body.pf-site .pf-header a.pf-top-instagram:focus-visible { color: #fff !important; border-color: transparent !important; background: linear-gradient( 35deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5 ) !important; box-shadow: 0 4px 14px rgba(214,41,118,.3) !important; } html body.pf-site .pf-header a.pf-top-linkedin:hover, html body.pf-site .pf-header a.pf-top-linkedin:focus-visible { color: #fff !important; border-color: #0a66c2 !important; background: #0a66c2 !important; box-shadow: 0 4px 14px rgba(10,102,194,.3) !important; } /* Desktop and tablet: stay next to WhatsApp */ @media (min-width: 521px) { html body.pf-site .pf-header .pf-contact-mini a.pf-top-social { position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-social:hover { transform: translateY(-2px) !important; } } /* Mobile: fixed slots to the right of WhatsApp */ @media (max-width: 520px) { html body.pf-site .pf-header .pf-contact-mini a.pf-top-social { position: absolute !important; top: 50% !important; right: auto !important; bottom: auto !important; transform: translateY(-50%) !important; width: 27px !important; height: 27px !important; min-width: 27px !important; min-height: 27px !important; max-width: 27px !important; max-height: 27px !important; flex: 0 0 27px !important; z-index: 2 !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-instagram { left: 36px !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-linkedin { left: 72px !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-social:hover, html body.pf-site .pf-header .pf-contact-mini a.pf-top-social:focus-visible { transform: translateY(-50%) !important; } } /* Extra-small phones */ @media (max-width: 360px) { html body.pf-site .pf-header .pf-contact-mini a.pf-top-social { width: 25px !important; height: 25px !important; min-width: 25px !important; min-height: 25px !important; max-width: 25px !important; max-height: 25px !important; flex-basis: 25px !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-instagram { left: 32px !important; } html body.pf-site .pf-header .pf-contact-mini a.pf-top-linkedin { left: 64px !important; } } /* PADIDAR TOP SOCIAL LINKS V1 END */