/*
Theme Name: Green Extrusion
Theme URI: https://green-extrusion.eu/
Author: Green Extrusion Technology
Author URI: https://green-extrusion.eu/
Description: Standalone custom theme for Green Extrusion Technology. Provides the site header, footer, Inter font, brand colours, page width, buttons, responsive menu and spacing. Page content is added as HTML blocks that use the same design system.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary - Green Extrusion Technology
Text Domain: green-extrusion
*/

/* ===========================================================
   1. BRAND TOKENS (global, reusable on every page)
   =========================================================== */
:root{
  --g-lime:#B2DD00;
  --g-green:#41B000;
  --g-green-dark:#319000;
  --g-blue:#009DD9;
  --g-lightblue:#1671B8;
  --g-dark:#414042;
  --g-text:#243137;
  --g-muted:#5f6c76;
  --g-border:#e3ede7;
  --g-soft:#eef9e5;
  --g-bluesoft:#e7f7fc;
  --g-shadow-sm:0 8px 22px rgba(65,176,0,.07);
  --g-shadow-md:0 16px 36px rgba(65,176,0,.12);
  --g-radius:18px;
  --g-radius-lg:28px;
  --g-max:1180px;
}

/* ===========================================================
   2. BASE
   =========================================================== */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
body{
  margin:0;
  font-family:Inter,-apple-system,"Segoe UI",Arial,sans-serif;
  color:var(--g-text);
  line-height:1.62;
  background:#ffffff;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--g-green);text-decoration:none}
a:hover{color:var(--g-green-dark)}
.ge-main{min-height:40vh}
.ge-skip{position:absolute;left:-9999px}
.ge-skip:focus{left:12px;top:12px;z-index:200;background:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--g-shadow-md)}

/* ===========================================================
   3. HEADER  (.ge1)
   =========================================================== */
.ge1{font-family:Inter,sans-serif;color:var(--g-text)}
.ge1 *{box-sizing:border-box}
.ge1 a{color:inherit;text-decoration:none}
.ge1 img{display:block;max-width:100%}
.ge1-wrap{max-width:var(--g-max);margin:0 auto;padding:0 22px}
.ge1 ul{list-style:none;margin:0;padding:0}
.ge1-top{background:var(--g-lightblue);color:#fff;font-size:13.5px}
.ge1-top .ge1-wrap{display:flex;justify-content:space-between;align-items:center;height:38px}
.ge1-top a{color:#fff;font-weight:600}
.ge1-top .ge1-tag{color:#fff;font-weight:700;letter-spacing:.01em}
.ge1-top .ge1-tr{display:flex;gap:18px;align-items:center}
.ge1-head{background:#fff;border-bottom:1px solid var(--g-border);position:sticky;top:0;z-index:50}
.ge1-head .ge1-wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.ge1-logo img{height:48.3px}
.ge1-menu{display:flex;gap:4px;align-items:center}
.ge1-menu>li>a{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font-weight:700;font-size:15px;color:var(--g-dark)}
.ge1-menu>li>a:hover{background:var(--g-soft);color:var(--g-green)}
.ge1-menu .ge1-drop{position:relative}
.ge1-menu .ge1-car{font-size:16px;line-height:1}
.ge1-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:270px;background:#fff;border:1px solid var(--g-border);border-radius:14px;box-shadow:0 20px 44px rgba(31,49,55,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .16s ease;z-index:60}
.ge1-drop:hover .ge1-panel,.ge1-drop:focus-within .ge1-panel{opacity:1;visibility:visible;transform:translateY(0)}
.ge1-panel li>a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-radius:9px;font-size:14.5px;font-weight:600;color:var(--g-text);white-space:nowrap}
.ge1-panel li>a:hover{background:var(--g-soft);color:var(--g-green)}
.ge1-has{position:relative}
.ge1-sub2{position:absolute;top:-9px;left:calc(100% + 6px);min-width:230px;background:#fff;border:1px solid var(--g-border);border-radius:14px;box-shadow:0 20px 44px rgba(31,49,55,.14);padding:8px;opacity:0;visibility:hidden;transform:translateX(6px);transition:all .16s ease}
.ge1-has:hover .ge1-sub2,.ge1-has:focus-within .ge1-sub2{opacity:1;visibility:visible;transform:translateX(0)}
.ge1-car{color:var(--g-muted)}
.ge1-cta{background:var(--g-green);color:#fff!important;padding:10px 18px!important;border-radius:999px!important}
.ge1-cta:hover{background:var(--g-green-dark)!important}
.ge1-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.ge1-burger span{width:26px;height:3px;background:var(--g-dark);border-radius:2px}
@media(max-width:1000px){
 .ge1-menu{position:fixed;inset:76px 0 auto 0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--g-border);padding:12px 16px;gap:2px;max-height:calc(100vh - 76px);overflow:auto;display:none}
 .ge1-menu.open{display:flex}
 .ge1-burger{display:flex}
 .ge1-panel,.ge1-sub2{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--g-border);border-radius:0;margin:2px 0 6px 14px;padding:2px 0;display:none}
 .ge1-drop.open>.ge1-panel,.ge1-has.open>.ge1-sub2{display:block}
 .ge1-menu>li>a{justify-content:space-between}
 .ge1-top{display:none}
}

/* ===========================================================
   4. FOOTER  (.ge3f)
   =========================================================== */
.ge3f{font-family:Inter,sans-serif;color:var(--g-text)}
.ge3f *{box-sizing:border-box}
.ge3f a{color:inherit;text-decoration:none}
.ge3f img{display:block;max-width:100%}
.ge3f-foot{background:linear-gradient(135deg,#f4fbec 0%,#eef9fc 58%,#eaf0ff 100%);border-top:3px solid var(--g-green)}
.ge3f-wrap{max-width:var(--g-max);margin:0 auto;padding:44px 22px 0}
.ge3f-top{display:grid;grid-template-columns:1.15fr 1.5fr;gap:36px;align-items:start}
.ge3f-brand .ge3f-logo img{height:40px;margin-bottom:14px}
.ge3f-badge{display:inline-flex;align-items:center;gap:8px;background:var(--g-soft);border:1px solid rgba(65,176,0,.32);color:var(--g-green);font-weight:900;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;margin-bottom:12px}
.ge3f-brand h3{margin:0;font-size:22px;color:var(--g-dark);letter-spacing:-.01em}
.ge3f-brand p{margin:10px 0 0;color:var(--g-muted);font-size:14.5px;line-height:1.65;max-width:360px}
.ge3f-co-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ge3f-co-item{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--g-border);border-radius:14px;padding:14px 15px;box-shadow:0 6px 16px rgba(65,176,0,.05)}
.ge3f-co-ic{width:36px;height:36px;border-radius:10px;background:var(--g-soft);display:flex;align-items:center;justify-content:center;flex:none}
.ge3f-co-ic svg{width:19px;height:19px}
.ge3f-co-item b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--g-muted);font-weight:800;margin-bottom:3px}
.ge3f-co-item span{font-size:15px;font-weight:700;color:var(--g-dark)}
.ge3f-co-item a:hover{color:var(--g-green)}
.ge3f-links{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:34px;padding-top:30px;border-top:1px solid var(--g-border)}
.ge3f-links h4{color:var(--g-dark);font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px}
.ge3f-links a{color:var(--g-muted);font-size:14.5px;line-height:2}
.ge3f-links a:hover{color:var(--g-green)}
.ge3f-sub{display:inline-block;margin-top:8px;background:var(--g-green);color:#fff!important;padding:10px 18px;border-radius:999px;font-weight:700;font-size:14px}
.ge3f-sub:hover{background:var(--g-green-dark)}
.ge3f-bar{border-top:1px solid var(--g-border);margin-top:32px;padding:18px 0;display:flex;justify-content:space-between;font-size:13px;color:var(--g-muted);flex-wrap:wrap;gap:10px}
.ge3f-bar a:hover{color:var(--g-green)}
@media(max-width:900px){.ge3f-top{grid-template-columns:1fr}.ge3f-links{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ge3f-co-grid{grid-template-columns:1fr}.ge3f-links{grid-template-columns:1fr}.ge3f-bar{flex-direction:column}}

/* ===========================================================
   5. SHARED PAGE HELPERS (available to every HTML page block)
   =========================================================== */
.get-page,.get-home{
  --get-lime:var(--g-lime);--get-green:var(--g-green);--get-blue:var(--g-blue);
  --get-lightblue:var(--g-lightblue);--get-dark-grey:var(--g-dark);--get-text:var(--g-text);
  --get-muted:var(--g-muted);--get-border:var(--g-border);--get-green-soft:var(--g-soft);
  --get-blue-soft:var(--g-bluesoft);--get-shadow-sm:var(--g-shadow-sm);--get-shadow-md:var(--g-shadow-md);
  --get-radius:var(--g-radius);--get-radius-lg:var(--g-radius-lg);--get-max:var(--g-max);
}