@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap'); /* ========================================================================== KEFALIDA - NEA SXEDIASI (koini kai stа 3 themata) -------------------------------------------------------------------------- POU FORTONETAI: apo to includes/top-right-menu.php. Einai to MONO arxeio pou yparxei se kathe selida me kefalida (77 selides) - den yparxei kanena stylesheet pou na fortonetai pantou. Epeidi mpainei sto , erxetai META apo ola ta per-page CSS, ara kerdizei me idia eidikotita xoris !important. TI ANTIKATHISTA: i palia kefalida itan ftiagmeni me position:fixed kai karfomena pixel (logotypo left:0, profil left:1147.61px, kalathi left:1210px, spiti left:1485px...). Ta kouti tous epikalyptontan kai apla etyxe na min pefteι to periexomeno to ena pano sto allo. Edo ola ginontai kanoniki roi me flexbox. TA KELYFI DIAFEROUN: to logotypo einai folliasmeno se TRIA diaforetika vathi analoga me ti selida (products: 1 epipedo, index: 2, cart: 3). Gi afto ta endiamesa perivlimata ginontai display:contents - isiononontai ola se mia koini grammi flex, opoio kai an einai to vathos. TA XROMATA: den yparxei kanena stathero xroma edo. Erxontai os metavlites apo to PHP (b2b_colors: kefalida + koumpia), kai to keimeno dialegetai analoga me ti fotinotita tou fontou - 6 apo tous 85 pelates exoun FOTEINI kefalida (dyo kataleuki), opote stathero lefko keimeno tha itan adiavasto. TA YPSI MENOUN IDIA: 124px se desktop (30 lorida + 94 grammi) kai 60px se kinito. Etsi den allazei to padding-top tou .m-body kai den metakineitai to periexomeno se kamia apo tis 77 selides. ========================================================================== */ #m_header{ /* I kefalida eixe z-index 99 - dyladi PISO apo to aristero menu (999). To z-index enos paidiou DEN mporei na vgei ekso apo to stacking context tou gonea, opote oi protaseis anazitisis (1000 mesa stin kefalida) eksakolouthousan na kryvontai. Anevazoume tin IDIA tin kefalida. */ z-index:1000; --hd_radius:12px; --hd_gap:18px; box-sizing:border-box; display:flex; flex-direction:column; font-family:'Manrope','Lato','Segoe UI',Arial,sans-serif; } #m_header *, #m_header *::before, #m_header *::after{ box-sizing:border-box; } /* --- 1) I lorida me ti grafomixani ------------------------------------- Sti maketa einai mia lepti lorida xromatos stin korifi. Pairnei to xroma energeion tou pelati, kai to keimeno tis to xroma pou diavazetai pano tou. */ #m_header > #above_top{ flex:0 0 auto; order:-1; width:100%; height:20px; margin:0; padding:0 20px; float:none; display:flex; align-items:center; justify-content:center; background:var(--hd_strip, var(--hd_accent)); color:var(--hd_strip_ink, var(--hd_accent_ink)); border-bottom:0; font-size:11.5px; font-weight:600; letter-spacing:.2px; overflow:hidden; } #m_header > #above_top .console-container{ display:flex; align-items:center; justify-content:center; gap:1px; width:auto; margin:0; color:inherit; white-space:nowrap; } #m_header > #above_top .console-underscore{ color:inherit; } /* --- 2) I diataxi ------------------------------------------------------- To .m-container ginetai i grammi. Ola ta endiamesa .m-stack / .m-stack__item ginontai display:contents wste to logotypo kai to #m_header_nav na katalixoun adelfia sti grammi, anexartita apo to poso vathia einai sto kathe kelyfos. EKSAIROUNTAI to #m_header_nav kai to #m_header_topbar: afta ta theloume na parameinoun pragmatika kouti gia na ginoun kai afta flex. */ #m_header > .m-container{ flex:1 1 auto; display:flex; align-items:center; gap:var(--hd_gap); width:100%; max-width:1680px; margin:0 auto; padding:0 22px; min-width:0; } #m_header .m-stack:not(#m_header_topbar), #m_header .m-stack__item:not(#m_header_nav){ display:contents; } #m_header #m_header_nav{ /* to palio CSS ta topothetei apolyta (se kinito to topbar evgene se y=-97, dyladi ektos kefalidas) - ta epanaferoume sti roi */ position:static !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; display:flex; align-items:center; gap:var(--hd_gap); flex:1 1 auto; min-width:0; float:none; margin:0; padding:0; } #m_header #m_header_topbar{ position:static !important; top:auto !important; left:auto !important; right:auto !important; bottom:auto !important; display:flex; align-items:center; gap:16px; /* To palio CSS tou dinei platos (metrimeno: 836px eno to periexomeno piane 234), opote den emene kathоlou eleftheros xoros kai ta auto perithoria den eixan pou na doulepsoun - ola stoixizontan aristera. */ width:auto !important; flex:0 0 auto; margin-left:auto; padding:0; float:none; min-height:0; } /* Ta palia diaxoristika itan 1px divs karfomena se apolytes theseis - to ena (#right_price_line) epefte MESA sto poso kai to ekove sta dyo. */ #m_header #left_price_line, #m_header #right_price_line, #m_header #right_cart_line, #m_header #tmenu_line, #m_header #nline_1, #m_header #eisodos_line{ display:none !important; } /* To "Kalos ilthate: X" to leei idi i grafomixani stin loridа apo pano. */ #m_header #paraggelia_gia{ display:none !important; } /* --- 3) To logotypo ------------------------------------------------------ */ #m_header .m-brand__logo-wrapper{ flex:0 0 auto; display:flex; align-items:center; margin:0; padding:0; line-height:0; } #m_header #admin-logo{ position:static !important; top:auto !important; left:auto !important; float:none !important; width:auto !important; max-width:210px; height:auto !important; max-height:54px; margin:0 !important; object-fit:contain; } /* --- 4) I anazitisi ------------------------------------------------------ Kentriki, san pill, opos i maketa: lefko pedio me strogyles akres kai kykliko koumpi sto xroma tou pelati. */ #m_header #hd_search{ position:relative; display:flex; align-items:center; flex:1 1 auto; min-width:0; max-width:640px; height:50px; margin:0 auto; padding:0 5px 0 0; background:var(--hd_field); border:1px solid transparent; border-radius:999px; transition:box-shadow .15s ease, border-color .15s ease; } #m_header #hd_search:focus-within{ border-color:var(--hd_accent); box-shadow:0 0 0 3px rgba(0,0,0,.06); } #m_header #hd_search #search_input{ flex:1 1 auto; min-width:0; width:auto !important; height:100% !important; margin:0 !important; padding:0 10px 0 22px !important; float:none !important; position:static !important; background:transparent !important; border:0 !important; border-radius:999px; outline:none; box-shadow:none !important; color:var(--hd_field_ink); font-family:inherit; font-size:15.5px; font-weight:500; } #m_header #hd_search #search_input::placeholder{ color:#8d97a8; font-style:normal; font-weight:500; text-align:left; opacity:1; } #m_header #hd_search #search_button{ flex:0 0 auto; display:flex; align-items:center; justify-content:center; width:42px; height:42px; margin:0 !important; padding:0; float:none !important; position:static !important; background:var(--hd_accent) !important; border:0; border-radius:50%; cursor:pointer; transition:filter .15s ease; } #m_header #hd_search #search_button:hover{ filter:brightness(.93); } #m_header #hd_search #search_button .search_icon{ margin:0 !important; color:var(--hd_accent_ink) !important; font-size:16px !important; } /* --- Oi protaseis anazitisis --- Itan position:fixed me diko tous top/left apo to kathe per-page CSS, kai z-index 1-2 - dyladi PISO apo to aristero menu pou exei 999. Twra einai paidi tou pediou, opote pefti akrivos apo kato tou kai me to idio platos. Treis id ston epilogea (3,0,0) gia na nikisoun ta palia #search_suggestion_list. */ #m_header #hd_search #search_suggestion_list{ position:absolute !important; top:calc(100% + 8px) !important; left:0 !important; right:0 !important; bottom:auto !important; width:auto !important; max-height:min(70vh, 560px) !important; height:auto !important; margin:0 !important; overflow-y:auto; z-index:1000 !important; /* to aristero menu einai 999 */ background:#fff; border:1px solid #e4e8ee !important; border-radius:14px !important; box-shadow:0 12px 32px rgba(16,24,40,.18); } /* to eikonidio kamera (barcode) den anikei edo - to kryvoume an tyxei */ #m_header #hd_search #cam_icon3{ display:none !important; } /* --- 5) Eisodos / Eggrafi ------------------------------------------------ */ #m_header #login_vis, #m_header #login_vis_profil{ position:static !important; top:auto !important; left:auto !important; right:auto !important; float:none !important; display:flex; align-items:center; gap:9px; width:auto !important; height:auto !important; margin:0 !important; padding:0; white-space:nowrap; } #m_header #login_vis_lbl{ position:static !important; float:none !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; color:var(--hd_ink); font-family:inherit; font-size:16px; font-weight:600; line-height:1.2; } /* to eikonidio tou xristi: to markup to dinei os