:root{
  /* IE palette */
  --ie-brand:#0CC0DF;
  --ie-black:#000;
  --ie-white:#fff;
  --ie-grey-100:#fafafa;
  --ie-grey-200:#f5f5f5;
  --ie-grey-300:#e5e5e5;
  --ie-grey-700:#444;
  --ie-grey-800:#222;
  --ie-shadow:0 10px 24px rgba(0,0,0,.05);
  --ie-shadow-sm:0 6px 16px rgba(0,0,0,.04);
  --ie-brand-shadow:0 4px 14px rgba(12,192,223,.4);

  /* Generic palette used by components */
  --brand:#0CC0DF;
  --ink:#111;
  --muted:#444;
  --ring:#e9e9e9;
  --shadow:0 8px 24px rgba(0,0,0,.05);
  --radius:14px;

  /* Category archive extras */
  --ink-muted:#6B7280;
  --bg:#fff;
  --panel:#F2F2F2;

  /* VIP updates */
  --vip-brand:#0CC0DF;
  --vip-border:#E3E3E3;
}

/* -------------------------------------------------- */
/* GLOBAL LAYOUT & WRAPPERS                           */
/* -------------------------------------------------- */


.content-wrapper {
    margin-top: 26px;
}


@media (min-width: 1025px) {
  .single-post .content-wrapper {
    margin-top: 28px!important;
  }
}

.archive .content-wrapper {
    margin-top: 8px;

}

.site-main.no-sidebar, .no-sidebar .site-main {
    padding-left: 5px !important;
    padding-right: 5px !important;
    width: 100%;
}

/* -------------------------------------------------- */
/* AGE GATE + GLOBAL OVERLAYS                         */
/* -------------------------------------------------- */

/* AGE GATE (global)*/

.ie-agegate-overlay{
  position:fixed; inset:0;
  display:none;
  align-items:center; justify-content:center;
  background:rgba(10,10,10,.72);
  backdrop-filter:saturate(1.1) blur(3px);
  -webkit-backdrop-filter:saturate(1.1) blur(3px);
  z-index:10000;
  padding:24px;
}
.ie-agegate-overlay.is-open{ display:flex; }

.ie-agegate-modal{
  width:min(560px, 100%);
  background:#fff;
  border:1px solid var(--ring);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:16px 16px 14px;
  color:var(--ink);
  font-family:"Open Sans", system-ui, sans-serif;
  outline:0;
}

.ie-agegate-head{ margin:4px 2px 10px; }
.ie-agegate-head h2{
  margin:0 0 6px;
  font-size:22px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.01em;
  color:#0a0a0a;
}
.ie-agegate-head p{
  margin:0;
  font-size:14px;
  color:#222;
  opacity:.95;
}

.ie-agegate-body{
  margin:10px 2px 12px;
  font-size:14px;
  color:var(--muted);
  line-height:1.55;
}
.ie-agegate-body p{ margin:.5em 0; }
.ie-agegate-body a{
  color:var(--ink);
  text-decoration:underline;
  text-underline-offset:2px;
}
.ie-agegate-body a:hover{ color:var(--brand); }

.ie-agegate-actions{
  display:flex; flex-wrap:wrap; gap:8px;
  margin-top:6px;
}

/* New button class (avoids conflict) */
.age-btn{
  display:inline-block;
  font-size:13px;
 
  padding:9px 12px;
  border-radius:999px;
  text-decoration:none;
  cursor:pointer;
  transition:transform .06s ease, box-shadow .2s ease, filter .2s ease;
}
.age-btn:active{ transform:translateY(1px); }
.age-btn:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(12,192,223,.18);
}

.age-btn--enter{
  background:#111; color:#fff; border:1px solid #111;
  box-shadow:0 4px 14px rgba(0,0,0,.15);
   font-weight:700;
}
.age-btn--enter:hover{ filter:brightness(1.06); }

.age-btn--leave{
  background:#fff; color:#000; border:1px solid #ddd;
   font-weight:400;
}
.age-btn--leave:hover{ box-shadow:0 6px 18px rgba(0,0,0,.06); }

@media (max-width:520px){
  .ie-agegate-modal{ padding:14px; }
  .ie-agegate-head h2{ font-size:20px; }
  .ie-agegate-actions{ flex-direction:column; }
  .age-btn{ width:100%; text-align:center; }
}
@media (prefers-reduced-motion:reduce){
  .ie-agegate-overlay{ backdrop-filter:none; -webkit-backdrop-filter:none; }
  .age-btn{ transition:none; }
}

.ie-lightbox.ig { z-index: 100000; } 

/* -------------------------------------------------- */
/* GLOBAL LINKS, NAV & UTILITY                        */
/* -------------------------------------------------- */

/* Remove underlines from links (global)*/
a,
a:link,
a:visited {
  text-decoration: none !important;
}

a:visited {
  color: inherit;
}
a:hover,
a:active,
a:focus {
  text-decoration: none !important;
} 

/* Optional: keep accessibility focus visible */
a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

.menu-item-separator { margin-right: 6px;
  margin-left: 6px;
}

.botiga-dropdown .menu-item { 
margin-right: 5px; }

.botiga-dropdown .botiga-dropdown-li {
  margin-right: 20px;
}

.close-sidebar { display: none;}

/* Single primary button (black with white text; blue text on hover) */
.wp-block-button.btn-brand .wp-block-button__link{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:999px;
  padding:.76rem 1.05rem;
  font-weight:600;
  text-decoration:none;
}
.wp-block-button.btn-brand .wp-block-button__link:hover{
  background:#000 !important;      /* keep black */
  color:#0CC0DF !important;        /* brand blue text */
  border-color:#0CC0DF !important; /* subtle blue ring */
  box-shadow:0 0 0 2px rgba(12,192,223,.15);
}
.wp-block-button.btn-brand .wp-block-button__link:focus{
  outline:2px solid #0CC0DF; outline-offset:2px;
}

/* Responsive polish */
@media (min-width:992px){
  .gotm-hero{ padding:56px 40px; }
  .gotm-panel, .gotm-apply{ padding:24px 28px; }
}
@media (max-width:600px){
  .wp-block-button.btn-brand{ display:block; }
}



/* -------------------------------------------------- */
/* CATEGORY ARCHIVE & SUBCATS                         */
/* -------------------------------------------------- */

/* ===== Category Archive: 2 cols of posts (66%) + right sidebar (33%) ===== */

/* Container */
.cat-archive .wrap{
  margin-left: 10px;
  margin-right: 10px;
}

/* Header (light) */
.cat-hero{
  background:none;
  color:var(--ink);
  padding-top: 10px;
}
.cat-hero .crumbs{
  font-size:.9rem; color:#777; margin:0 0 .25rem;
}
.cat-hero .crumbs a{ color:#555; text-decoration:none; }
.cat-hero .crumbs a:hover{ color:#000; text-decoration:underline; }
.cat-title{
  font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-size:2.05rem; line-height:1.15; margin:.1rem 0 .3rem;
}

.cat-desc{ color:#444; margin:0; }

/* ===== Subcategory panel (simple & modern) ===== */

.subcat-nav{
  background: #F2F2F2;   
  padding: 10px;
  margin-bottom: 26px;
 
}
.subcat-nav .wrap{
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
	
}

/* ===== Chip ===== */
.chip{
  -webkit-tap-highlight-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem .9rem;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  border: 1px solid #e6e6e6;
  text-decoration: none;
  font: 400 .92rem/1 Poppins, system-ui, sans-serif;
  letter-spacing: .01em;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.chip:hover{
  background: #f9f9f9;
  border-color: #d8d8d8;
}

.chip:focus-visible{
  outline: none;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--brand); /* clean focus ring */
}

/* Active/current chip */
.chip.is-active{
  background: var(--brand);   /* #0CC0DF */
  color: #000;
  border-color: var(--brand);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .chip{ transition: none; }
}

/* ===== 3-column page grid: [content span 2] [sidebar span 1] ===== */
/* ===== 3-column page grid: 40% / 40% / 20% ===== */
.cat-layout{
  display:grid;
  grid-template-columns: 2fr 2fr 1fr; /* 40% + 40% + 20% */
  column-gap:18px;
  row-gap:24px;
  padding:20px 0 30px;
}
.cat-main{ grid-column:1 / span 2; }   /* first two columns (40% + 40%) */
.cat-sidebar{ grid-column:3; }         /* right sidebar (20%) */

/* Stack on small screens */
@media (max-width:980px){
  .cat-layout{ grid-template-columns:1fr; }
  .cat-main{ grid-column:auto; }
  .cat-sidebar{ grid-column:auto; }
}

/* ===== Posts grid inside the 66% area ===== */
.posts-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr); /* two equal post columns → each ~33% of full width */
  gap:16px;
}
@media (max-width:700px){
  .posts-grid{ grid-template-columns:1fr; }
}

/* Cards */
.post-card{
  background:#fff; border:1px solid #eee; border-radius:14px;
  overflow:hidden; display:flex; flex-direction:column;
}
.post-card .thumb{ display:block; aspect-ratio:16/9; background:#e9e9e9; }
.post-card .thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.post-card .meta{
  display:flex; gap:.5rem; align-items:center; font-size:.86rem; color:var(--ink-muted);
  padding:12px 14px 0;
}
.post-card .meta a{ color:inherit; text-decoration:none; }
.post-card .meta a:hover{ color:#000; text-decoration:underline; }
.post-card .meta .sep{ opacity:.6; }

.card-title{
  font-size:1.18rem; line-height:1.25; padding:6px 14px 0; margin:0;
  font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
.card-title a{ color:#000; text-decoration:none; }
.card-title a:hover{ text-decoration:underline; }

.post-card .excerpt{ padding:8px 14px 0; color:#333; margin:0 0 8px; }
.post-card .readmore{
  margin:0 14px 14px; align-self:flex-start;
  text-decoration:none; font-weight:700; font-size:.93rem; color:#000;
  border-bottom:2px solid transparent;
}
.post-card .readmore:hover{ border-bottom-color:var(--brand); }

/*  sidebar baseline */
.cat-sidebar .widget{
  background:#fff; 
  padding:0px; margin-bottom:10px;
}


.post-card .meta time,
.post-card .meta .sep { display:none; }


/* -------------------------------------------------- */
/* PAGE & SIDEBAR WRAPPERS                            */
/* -------------------------------------------------- */

/* ===== Page & Sidebar ===== */
.ed-wrap { max-width: 2000px; margin: 0 auto; padding: clamp(12px, 2vw, 24px); }
.ed-page { display: grid; }
.cat-sidebar { position: sticky; top: 18px; align-self: start; }
@media (max-width: 1024px) {
  .ed-page { grid-template-columns: 1fr; }
  .cat-sidebar { order: 3; }
}

/* -------------------------------------------------- */
/* MISC / FINAL                                       */
/* -------------------------------------------------- */

.cat-desc--after-pagination{
  margin-top: 20px;
}
/* -------------------------------------------------- */
/* VIP SIMPLE FORM                                    */
/* -------------------------------------------------- */

/* Main form: full-width row on desktop */
.vip-simple{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 14px; /* BASE TEXT SIZE FOR ALL ELEMENTS */
}

/* Intro block: title + note (wide) */
.vip-simple__intro{
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 0 1 380px;
  max-width: 440px;
}

.vip-simple__title{
  font-size: 17px;       /* slightly larger but not huge */
  font-weight: 600;
  color: #0CC0DF;
  margin: 0;
}

.vip-simple__note{
  font-size: 14px;       /* SAME as other text */
  color: #fff;
  opacity: .85;
  margin: 0;
}

/* Role fieldset: compact, clean */
.vip-simple__fs{
  border: 0;
  padding: 0;
  margin: 0;

  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;

  flex: 0 0 auto;
  width: auto;
  min-width: 210px;
  color: #fff;
}

.vip-simple__lg{
  margin: 0;
  font-size: 14px;      /* SAME SIZE */
  font-weight: 500;
  white-space: nowrap;
}

.vip-simple__opt{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 6px;
  font-size: 14px;      /* SAME SIZE */
  white-space: nowrap;
}

/* Label styling (Email / Region) */
.vip-simple__label{
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  color: #fff;
  font-size: 14px;      /* SAME SIZE */
}

.vip-simple__label input,
.vip-simple__label select{
  width: 100%;
  padding: .45rem .65rem;
  border: 1px solid var(--vip-border);
  border-radius: 14px;

  background: rgba(0,0,0,.30);
  color: #fff;
  font-size: 14px;      /* SAME SIZE */
  height: 38px;         /* CONSISTENT HEIGHT, MATCHES TEXT */
}

/* Email */
.vip-simple__label--email{
  flex: 1.2 1 230px;
  min-width: 200px;
  max-width: 280px;
}

/* Region */
.vip-simple__label--region{
  flex: 0.7 1 150px;
  min-width: 130px;
  max-width: 180px;
}

/* Other region */
.vip-simple__other{
  display: none;
  flex: 1 1 100%;
  font-size: 14px;
}
.vip-simple__other:not(.is-hidden){
  display: flex;
}

/* Actions */
.vip-simple__actions{
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.vip-simple__btn{
  appearance:none;
  border:0;
  cursor:pointer;

  padding:.55rem 1.2rem;
  border-radius:999px;

  background:#0CC0DF;
  color:#000;

  font-size: 14px;        /* SAME SIZE */
  font-weight: 500;
  white-space: nowrap;
}

.vip-simple__msg{
  font-size: 14px;        /* SAME SIZE */
  min-height: 1em;
  color:#fff;
}

/* Honeypot */
.vip-simple__hp{
  position:absolute;
  left:-9999px;
}

/* ---------- Stack on smaller screens ---------- */
@media (max-width: 800px){
  .vip-simple{
    align-items: stretch;
    font-size: 15px; /* slightly larger & more readable on mobile */
  }

  .vip-simple__intro,
  .vip-simple__fs,
  .vip-simple__label--email,
  .vip-simple__label--region,
  .vip-simple__actions,
  .vip-simple__other{
    flex: 1 1 100%;
    max-width: 100%;
  }

  .vip-simple__intro{
    margin-bottom: 6px;
  }

  .vip-simple__fs{
    flex-wrap: wrap;
  }

  .vip-simple__actions{
    justify-content: flex-start;
  }
}

.wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
    max-width: 400px;
}

/*FOOTER SIZE FONT*/

.footer-widget, .footer-html, .botiga-credits  {
	font-size: 14px;
}