/* ==================================================================
   AGROMEGA — МОДЕРЕН РЕДИЗАЙН 2026
   Заоблени "плаващи" карти, градиентни акценти, органичен фон
   и леки scroll-reveal анимации.
   Файлът се зарежда СЛЕД override.css, за да може да го надгражда.
   ================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;700;800&family=Inter:wght@400;500;600&display=swap');

:root{
  --ink:#16210c;
  --ink-soft:#3a4a2c;
  --brand-300:#c3e896;
  --brand-500:#8fc53f;
  --brand-600:#5a8f0a;
  --brand-700:#3c6b16;
  --amber:#f2a71b;
  --cream:#f6f4ea;
  --white:#ffffff;
  --radius-xl:28px;
  --radius-lg:22px;
  --radius-md:16px;
  --radius-full:999px;
  --shadow-soft:0 10px 28px rgba(22,33,12,.08);
  --shadow-lift:0 22px 46px rgba(22,33,12,.18);
}

/* ===== фон на страницата — леки цветни отблясъци НАД оригиналната снимка (bg.jpg) ===== */
body.bg{
  background-image:
    radial-gradient(600px 420px at 92% -6%, rgba(143,197,63,.18), transparent 60%),
    radial-gradient(520px 420px at -8% 18%, rgba(242,167,27,.12), transparent 60%),
    url(http://agromega.eu/images/newsitemachine/bg.jpg) !important;
  background-repeat: no-repeat, no-repeat, no-repeat !important;
  background-position: top left, top left, top left !important;
  background-size: auto, auto, 100% !important;
  background-attachment: fixed !important;
}

/* ==================================================================
   ГОРНА ЛЕНТА + ХАМБУРГЕР — управлява РЕАЛНОТО меню (#mx-top-menu)
   ================================================================== */
#menuHeader{
  background-color:var(--ink) !important;
  padding:6px 0;
}
#menuHeader, #menuHeader a{color:#cfe0b8 !important;}
#menuHeader .mx-base{width:960px;}

/* ==== по-компактни бутони на менюто, за да се съберат на 2 реда ==== */
#mx-top-menu li{padding:0 2px !important;margin-bottom:4px;}
#mx-top-menu li a{
  padding:6px 12px !important;
  font-size:12px !important;
  letter-spacing:.01em !important;
  border-radius:8px !important;
}

/* хамбургер бутон — скрит на десктоп, се показва само на мобилно */
.mx-menu-toggle{
  display:none;
  align-items:center;
  gap:10px;
  float:right;
  margin:6px 0;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius-full);
  padding:8px 16px 8px 12px;
  cursor:pointer;
  transition:background .2s ease, transform .2s ease;
}
.mx-menu-toggle:hover{background:rgba(255,255,255,.18);}
.mx-menu-toggle:active{transform:scale(.96);}
.mx-menu-toggle-lines{position:relative;display:inline-block;width:20px;height:14px;}
.mx-menu-toggle-lines span{
  position:absolute;left:0;width:100%;height:2.5px;border-radius:3px;
  background:var(--brand-500);
  transition:transform .3s ease, opacity .2s ease, top .3s ease;
}
.mx-menu-toggle-lines span:nth-child(1){top:0;}
.mx-menu-toggle-lines span:nth-child(2){top:6px;}
.mx-menu-toggle-lines span:nth-child(3){top:12px;}
.mx-menu-toggle.is-active .mx-menu-toggle-lines span:nth-child(1){top:6px;transform:rotate(45deg);}
.mx-menu-toggle.is-active .mx-menu-toggle-lines span:nth-child(2){opacity:0;}
.mx-menu-toggle.is-active .mx-menu-toggle-lines span:nth-child(3){top:6px;transform:rotate(-45deg);}
.mx-menu-toggle-label{
  font-family:'Plus Jakarta Sans', Arial, sans-serif;
  font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:#fff;position:relative;
}
.mx-menu-toggle.is-active .mx-menu-toggle-label{visibility:hidden;}
.mx-menu-toggle.is-active .mx-menu-toggle-label::after{
  content:"ЗАТВОРИ";visibility:visible;position:absolute;left:0;top:0;white-space:nowrap;
}
#mx-menu-overlay{display:none;position:fixed;inset:0;background:rgba(15,20,8,.5);z-index:850;}
body.mx-menu-open #mx-menu-overlay{display:block;}
#mx-top-menu li ul{list-style:none;margin:0;padding:0;}

/* ==================================================================
   "ПЛАВАЩИ КАРТИ" — цялото съдържание изглежда като заоблени панели
   ================================================================== */
#wrapper{
  border-radius:var(--radius-xl) !important;
  overflow:hidden;
  margin-top:26px !important;
  margin-bottom:26px !important;
  box-shadow:var(--shadow-lift) !important;
  border:1px solid rgba(22,33,12,.05);
}
#mx-footer{
  border-radius:32px 32px 0 0;
  overflow:hidden;
  background:var(--ink) !important;
}
#bottsite{background:var(--ink) !important;}
#mx-footer-nav a{transition:color .2s ease;}
#mx-footer-nav a:hover{color:var(--brand-300) !important;}

/* ---- Четливост на текста във футъра (тъмен фон -> светъл текст) ---- */
#mx-bft{padding:24px;}
#mx-footer .cp,
#mx-footer .cp *{
  color:#c9d4bd !important;
  font-size:13px !important;
  line-height:1.7 !important;
  opacity:.95;
}
#mx-footer-nav a{color:#b9c6a6 !important;}
#mx-footer a{color:#c9d4bd !important;}
#mx-footer a:hover{color:var(--brand-300) !important;}

/* дишане между модулните блокове вътре в картата */
#mx-basebody .module,
#mx-basebody .white{
  margin-bottom:28px;
}

/* ==================================================================
   ЗАГЛАВИЯ "БРАНДОВЕ" и "НАШИТЕ ОФЕРТИ" — едри, градиентни,
   с акцентна лента. Прицелени само в тези два модула (по линковете
   вътре в тях), за да НЕ пипат заглавия с готов цветен фон
   (напр. в тъмни/цветни модули или футъра).
   ================================================================== */
.module:has(a[href*="component/tags/tag/"]) h3,
.module:has(a[href*="component/banners/click/"]) h3{
  font-family:'Plus Jakarta Sans', Arial, sans-serif;
  font-weight:800;
  font-size:clamp(22px,3vw,30px);
  line-height:1.15;
  letter-spacing:-0.01em;
  text-transform:none;
  background:linear-gradient(100deg,var(--ink) 0%, var(--brand-700) 55%, var(--brand-500) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  position:relative;
  display:inline-block;
  margin:0 0 22px 0;
  padding-bottom:14px;
}
.module:has(a[href*="component/tags/tag/"]) h3::after,
.module:has(a[href*="component/banners/click/"]) h3::after{
  content:"";
  position:absolute;left:0;bottom:0;
  width:56px;height:4px;border-radius:4px;
  background:linear-gradient(90deg,var(--brand-500),var(--amber));
}

/* ==================================================================
   БРАНДОВЕ — заоблени бели плочки, вдигат се и се оцветяват
   ================================================================== */
a[href*="component/tags/tag/"]{
  display:inline-block;
  background:var(--white);
  padding:12px;
  margin:0 7px 16px 7px;
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease;
}
a[href*="component/tags/tag/"] img{
  filter:grayscale(85%) opacity(.75);
  border-radius:10px;
  transition:filter .35s ease, transform .35s ease;
}
a[href*="component/tags/tag/"]:hover{
  transform:translateY(-6px) scale(1.02);
  box-shadow:var(--shadow-lift);
}
a[href*="component/tags/tag/"]:hover img{
  filter:grayscale(0%) opacity(1);
  transform:scale(1.05);
}

/* ==================================================================
   НАШИТЕ ОФЕРТИ — по-едри заоблени карти с топъл glow при hover
   ================================================================== */
a[href*="component/banners/click/"]{
  display:inline-block;
  background:var(--white);
  padding:16px;
  margin:0 8px 20px 8px;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease;
}
a[href*="component/banners/click/"] img{
  border-radius:14px;
  display:block;
  max-width:100%;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
a[href*="component/banners/click/"]:hover{
  transform:translateY(-8px);
  box-shadow:0 26px 46px rgba(242,167,27,.24), var(--shadow-lift);
}
a[href*="component/banners/click/"]:hover img{transform:scale(1.07);}

/* ==================================================================
   "КАКВО ПРЕДЛАГАМЕ" карти + бутони — по-заоблени и по-живи
   ================================================================== */
.am-offer-card{
  border-radius:var(--radius-lg) !important;
  overflow:hidden;
}
.am-offer-btn{
  border-radius:var(--radius-full) !important;
  padding:9px 22px !important;
}

.readmore, a.readmore,
.button, button, input[type="button"], input[type="submit"]{
  border-radius:var(--radius-full) !important;
  font-family:'Plus Jakarta Sans', Arial, sans-serif !important;
  letter-spacing:.03em;
}
.btn-primary{
  background-image:linear-gradient(180deg,var(--brand-500),var(--brand-700)) !important;
  border:none !important;
  box-shadow:0 8px 18px rgba(90,143,10,.28) !important;
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(90,143,10,.36) !important;}

/* закръглени снимки/банери навсякъде в съдържанието */
.contentpaneopen img,
#mx-basebody .item img,
.slider img{
  border-radius:var(--radius-md);
}

/* ==================================================================
   SCROLL-REVEAL — секциите леко "изплуват" при скрол
   ================================================================== */
.mx-reveal{
  opacity:0;
  transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
}
.mx-reveal-in{opacity:1;transform:translateY(0);}

/* ==================================================================
   МОБИЛЕН ИЗГЛЕД (<=900px)
   ================================================================== */
@media (max-width:900px){
  #wrapper,#bottomspot,.mx-base,#tophead,#bottsite,#header,#menuHeader .mx-base{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box;
  }
  #wrapper{border-radius:20px !important;margin-top:14px !important;}
  #mx-footer{border-radius:24px 24px 0 0;}

  /* на мобилно показваме само хамбургера — търсачка/вход/социални се крият,
     за да не претрупват тясната лента */
  #menuHeader #mx-search,
  #menuHeader #members-area,
  #menuHeader #soc_div{display:none !important;}

  .mx-menu-toggle{display:inline-flex;}

  #mx-top-menu{
    position:absolute;
    top:calc(100% + 8px);
    left:18px;
    right:18px;
    width:auto;
    float:none;
    margin:0;
    background:#fff;
    border-radius:20px;
    box-shadow:var(--shadow-lift);
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height .35s ease, opacity .25s ease;
    z-index:901;
  }
  #mx-top-menu.is-open{max-height:80vh;opacity:1;overflow-y:auto;padding:8px;}
  #mx-top-menu ul.menu{margin:0;padding:0;}
  #mx-top-menu li{display:block !important;width:100%;padding:0 !important;}
  #mx-top-menu li a{
    display:block;width:100%;box-sizing:border-box;
    background:none !important;border:none !important;
    color:var(--ink) !important;text-shadow:none !important;
    border-radius:12px !important;margin:2px 0 !important;
    padding:10px 14px !important;
  }
  #mx-top-menu li a:hover{background:var(--brand-300) !important;color:var(--ink) !important;}
  #mx-top-menu li a::after{display:none !important;}
  #mx-top-menu li ul li a{padding-left:30px !important;font-size:13px !important;}

  a[href*="component/tags/tag/"] img,a[href*="component/banners/click/"] img{max-width:100%;height:auto;}
}