/* adFE.LT - minimal UI (English) */

:root{
  --black:#000;
  --white:#fff;
  --yellow:#ffd400;
  --bg:#f4f4f4;
  --border:#e0e0e0;
  --text:#111;
  --muted:#666;
  --close-offset:12px;
  --close-size:32px;
}

*{box-sizing:border-box;margin:0;padding:0;font-family:Arial, sans-serif;}
body{background:var(--bg);color:var(--text);}
a{color:inherit;text-decoration:none;}

/* Utility: yellow text with a black outline (for high contrast on photos) */
.outlined-yellow{
  color:var(--yellow);
  text-shadow:
    -1px -1px 0 #000,
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000,
     0px  2px 0 #000;
}
.outlined-yellow b {
  color: white;
}

.page{padding:28px 18px;}
.page.narrow{max-width:820px;margin:0 auto;}
.page.wide{max-width:1200px;margin:0 auto;}
/* Consistent text styling for content pages */
.text-content{
  font-size:15px;
  line-height:1.75;
}
.text-content h1{font-size:26px;margin-bottom:12px;}
.text-content h2{font-size:18px;margin:20px 0 10px;}
.text-content p{margin:0 0 12px;}
.text-content ul,
.text-content ol{margin:0 0 12px;padding-left:1.35em;}
.text-content li{margin:0 0 8px;}

.submit-title .submit-step{
  display:inline;
  margin-left:6px;
  font-size:.74em;
  font-weight:600;
  white-space:nowrap;
}
.submit-title{
  margin-top:0;
}
.submit-title .submit-step::before{
  content:"- ";
}
@media (max-width:520px){
  .submit-title .submit-step{
    display:block;
    margin-top:4px;
    margin-left:0;
    font-size:.58em;
    line-height:1.2;
  }
  .submit-title .submit-step::before{
    content:"";
  }
}


.muted{color:var(--muted);}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;word-break:break-all;}

/* Top bar */
.topbar{
  background:var(--black);
  color:var(--white);
  padding:12px 16px;
  position:sticky;
  top:0;
  z-index:30;

  /* 5-zone header:
     [country] [slogan] [logo] [search+tags] [+Ad]
  */
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  align-items:center;
  gap:12px;
  font-size:14px;
}

/* Used on the country selection landing page */
.topbar-centered{
  justify-content:center;
}

.country-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:44px;
  padding:4px 10px;
  border:1px solid var(--white);
  color:var(--white);
  background:transparent;
  border-radius:6px;
}

.topbar-slogan{
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.topbar-slogan .how{color:var(--yellow);text-decoration:underline;}
.yellow { color: var(--yellow)}

.logo{
  display:flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
}
.logo img{height:40px;width:auto;display:block;}

.topbar-search{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0;
}
.search-input-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  min-width:180px;
}
#search{
  padding:7px 34px 7px 10px;
  border-radius:8px;
  border:1px solid #333;
  background:#111;
  color:#fff;
  min-width:180px;
  width:100%;
}
.search-submit{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:none;
  box-shadow:none;
  color:#fff;
  padding:0;
  line-height:1;
  cursor:pointer;
}
.search-submit:hover{
  color:var(--yellow);
}
.search-submit:focus-visible{
  outline:1px solid var(--yellow);
  outline-offset:1px;
}
.search-submit svg{
  display:block;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tags-inline{font-size:14px;color:#fff;white-space:nowrap;}
.tags-inline a{text-decoration:underline;color:#fff;}

a.tag-quick { color: var(--yellow)}
a.tag-all { color: var(--yellow)}

.add-ad{
  border:2px solid var(--yellow);
  color:var(--yellow);
  padding:7px 12px;
  border-radius:10px;
  font-weight:700;
}

@media (max-width:760px){
  .topbar{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "country logo add"
      "slogan slogan slogan"
      "search search search";
    align-items:center;
    row-gap:10px;
  }
  .country-btn{grid-area:country;}
  .logo{grid-area:logo;}
  .add-ad{
    grid-area:add;
    justify-self:end;
  }
  .topbar-slogan{
    grid-area:slogan;
    text-align:center;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
  }
  .topbar-search{
    grid-area:search;
    justify-content:center;
    flex-wrap:nowrap;
    gap:8px;
  }
  .search-input-wrap{
    flex:0 1 180px;
    width:180px;
    min-width:120px;
  }
  #search{
    min-width:0;
  }
  .tags-inline{
    font-size:13px;
    white-space:nowrap;
  }
}


/* Search banner */
.search-banner{
  background:var(--yellow);
  color:#000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:10px 16px;
}
.search-banner-close{
  border:none;
  background:transparent;
  font-size:22px;
  cursor:pointer;
}

/* Shared-ad hero block (shown when opening /{country}/ad/{uri}) */
.ad-share{
  --share-gap:0px;
  --share-card-size:220px;
  --share-box-size:calc(var(--share-card-size) + 20px);
  height:calc(var(--share-box-size) + 24px);
  padding:12px 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000 url("../img/bg_ad_share_stars.png") top center repeat;
}
.ad-share-inner{
  width:calc(var(--share-box-size) * 2);
  max-width:100%;
  height:100%;
  display:grid;
  grid-template-columns:var(--share-box-size) var(--share-box-size);
  gap:var(--share-gap);
  align-items:stretch;
}
.ad-share-left{
  width:var(--share-box-size);
  min-width:var(--share-box-size);
  max-width:var(--share-box-size);
  height:var(--share-box-size);
  min-height:var(--share-box-size);
  max-height:var(--share-box-size);
  border-radius:14px;
  background-color:transparent;
  background-image:url("../img/bg_ad_share_robot.png");
  background-position:top center;
  background-repeat:no-repeat;
  background-size:100% auto;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:12px;
}
.ad-share-cancel{
  border:1px solid #000;
  background:#e9e9e9;
  color:#000;
  border-radius:8px;
  padding:8px 16px;
  font-weight:700;
  cursor:pointer;
}
.ad-share-right{
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  width:var(--share-box-size);
  height:var(--share-box-size);
  min-width:var(--share-box-size);
  min-height:var(--share-box-size);
  max-width:var(--share-box-size);
  max-height:var(--share-box-size);
  aspect-ratio:1 / 1;
  flex:0 0 var(--share-box-size);
  justify-self:start;
  align-self:center;
}
.ad-share-card{
  width:var(--share-card-size);
  max-width:100%;
}

/* Tabs */
.tabs{
  background:#fff;
  display:flex;
  justify-content:center;
  gap:10px;
  padding:14px 16px 0;
  border-bottom:none;
}
.tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  cursor:pointer;
  border-radius:8px;
  background:#fff;
  border:1px solid #e6e6e6;
  font-weight:600;
  line-height:1;
}
.tab.active{
  background:var(--yellow);
  border-color:transparent;
  box-shadow:none;
  font-weight:700;
}
.tab::before{
  content:"";
  width:16px;
  height:16px;
  display:inline-block;
  background-repeat:no-repeat;
  background-size:16px 16px;
  background-position:center;
}
.tab[data-sort="random"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect x='1.5' y='1.5' width='13' height='13' rx='2' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1.2'/%3E%3Ccircle cx='5' cy='5' r='1.3' fill='%233d3d3d'/%3E%3Ccircle cx='11' cy='11' r='1.3' fill='%233d3d3d'/%3E%3C/svg%3E");
}
.tab[data-sort="pop"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M6 2v7.2l-1.3-1.3a1 1 0 0 0-1.4 1.4l3.6 3.6c.3.3.7.5 1.1.5h2.6a2.5 2.5 0 0 0 2.4-1.8l1-3.4a2 2 0 0 0-1.9-2.6H9V3.5A1.5 1.5 0 0 0 7.5 2h-1.5Z' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab[data-sort="top"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 7.5v5.5h2.4V7.5H2.5Zm2.9-1.6 2.6-3.5c.3-.4.8-.6 1.3-.4.5.2.7.7.7 1.2v2.2h3.1c.5 0 1 .2 1.3.6.3.4.4.9.2 1.4l-1.2 4.1a1.9 1.9 0 0 1-1.8 1.4H5.4V5.9Z' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1.1' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E");
}

.ads-empty{
  text-align:center;
  padding:4px 16px 0;
  color:var(--muted);
  background:#fff;
  min-height:200px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}
.ads-empty-line{
  white-space:nowrap;
}

.ads-footer-cta{
  height:80px;
  background:#000 url("../img/bg_footer_stars.png") bottom center repeat;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  position:relative;
  z-index:0;
}
.ads-footer-cta-text{
  font-size:16px;
  font-weight:700;
}
.ads-footer-cta-text a{
  color:var(--yellow);
  text-decoration:underline;
}

.ads-footer-image{
  height:600px;
  background:#000 url("../img/bg_footer_stars.png") top center repeat;
  position:relative;
  z-index:0;
}
.ads-footer-image-inner{
  width:100%;
  height:100%;
  background:url("../img/bg_footer_astronaut.png") top center no-repeat;
}
.tab[data-sort="new"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.2' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1.2'/%3E%3Cpath d='M8 4.6v3.7l2.6 1.6' fill='none' stroke='%233d3d3d' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.tab[data-sort="paid"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.2' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1.2'/%3E%3Cpath d='M10.9 5.5A3.5 3.5 0 1 0 10.9 10.5M6 7.25h3.3M6 8.75h3.3' fill='none' stroke='%233d3d3d' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.tab[data-sort="self"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg transform='translate(8 8)'%3E%3Cpolygon points='0,-6.5 1.2,-2.6 4.6,-4.6 2.6,-1.2 6.5,0 2.6,1.2 4.6,4.6 1.2,2.6 0,6.5 -1.2,2.6 -4.6,4.6 -2.6,1.2 -6.5,0 -2.6,-1.2 -4.6,-4.6 -1.2,-2.6' fill='%23ffffff' stroke='%233d3d3d' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
}
.tabs-area{
  background:#fff;
}
.tab-info{
  background:#ffffff;
  border:1px solid #e2e2e2;
  border-radius:12px;
  margin:18px 16px 0;
  padding:10px 14px;
}
#tab-info-text{
  margin:0;
  text-align:center;
  color:#555;
  font-size:14px;
  line-height:1.4;
}

/* Tabs: icon-only on narrow screens (labels via title/aria-label) */
@media (max-width:520px){
  .tabs{gap:8px;}
  .tab{
    padding:8px 10px;
    font-size:0;
    justify-content:center;
    gap:0;
  }
  .tab::before{
    margin:0;
  }

  .ad-share{ --share-gap:0px; }
}


/* Ads grid: left-to-right flow with fixed-height cards */
.ads-grid{
  padding:18px 16px 20px;
  display:grid;
  gap:14px;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  position:relative;
  z-index:1;
  background:#fff;
}
@media(min-width:620px){.ads-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}}
@media(min-width:880px){.ads-grid{grid-template-columns:repeat(4, minmax(0, 1fr));}}
@media(min-width:1100px){.ads-grid{grid-template-columns:repeat(6, minmax(0, 1fr));}}
@media(min-width:1400px){.ads-grid{grid-template-columns:repeat(8, minmax(0, 1fr));}}

.ad-card{
  margin:0;
  position:relative;
  z-index:0;
}
.ad-card:hover{
  z-index:5;
}
.ad-card:hover::after{
  content:"";
  position:absolute;
  inset:-24px;
  z-index:0;
}
.ad-card > *{
  position:relative;
  z-index:1;
}

/* Square thumbnail (saw effect disabled for now) */
.ad-thumb{
  display:block;
  position:relative;
  width:100%;
  height:auto;
  padding-bottom:100%;
  overflow:hidden;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}
.ad-thumb.has-size{
  height: var(--thumb-size, 0px);
  padding-bottom:0;
}
.ad-thumb.is-square:hover{
  overflow:hidden;
  z-index:1;
}
.ad-thumb.is-square:hover .ad-media{
  border-radius:0;
  box-shadow:none;
}
.ad-thumb .ad-link{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  display:block;
  z-index:2;
}
.ad-thumb.is-video .ad-link{
  z-index:3;
}
.ad-thumb .ad-link.is-disabled{
  pointer-events:none;
}
.ad-media{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  z-index:1;
  transition: box-shadow 160ms ease, border-radius 160ms ease;
  /* Let the info icon pin to the actual media box */
  overflow:visible;
  pointer-events:none;
}
.ad-example-badge{
  position:absolute;
  left:8px;
  top:8px;
  z-index:4;
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.85),
     1px -1px 0 rgba(0,0,0,.85),
    -1px  1px 0 rgba(0,0,0,.85),
     1px  1px 0 rgba(0,0,0,.85);
  pointer-events:none;
}
.ad-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition: clip-path 180ms ease;
}

/* Previously we used a “saw” edge effect. Disabled per current requirements. */
.ad-thumb.saw-x::before,
.ad-thumb.saw-y::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background-size: 8px 8px;
}

/* Crop on X (wide image): show saw teeth on left/right only */
.ad-thumb.saw-x::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolygon points='0,0 0,8 6,4' fill='%23ffffff'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolygon points='8,0 8,8 2,4' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: repeat-y, repeat-y;
  background-position: top left, top right;
}

/* Crop on Y (tall image): show saw teeth on top/bottom only */
.ad-thumb.saw-y::before{
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolygon points='0,0 8,0 4,6' fill='%23ffffff'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpolygon points='0,8 8,8 4,2' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: repeat-x, repeat-x;
  background-position: top left, bottom left;
}

/* Disable saw-tooth edges on narrow screens to avoid aliasing artifacts */
@media (max-width:520px){
  .ad-thumb.saw-x::before,
  .ad-thumb.saw-y::before{
    display:none;
  }
}

/* Hover handled via fixed preview overlay (no layout shift) */
.ad-thumb:hover{
  z-index:1;
}
.ad-thumb:hover::before{
  display:none;
}

/* Centered fit with animated reveal */
.ad-thumb.saw-x .ad-media{
  width: var(--media-w, 100%);
  height:100%;
}
.ad-thumb.saw-y .ad-media{
  width:100%;
  height: var(--media-h, 100%);
}
.ad-thumb.saw-x .ad-link{
  width: var(--media-w, 100%);
  height:100%;
}
.ad-thumb.saw-y .ad-link{
  width:100%;
  height: var(--media-h, 100%);
}
.ad-thumb.saw-x img{
  clip-path:none;
}
.ad-thumb.saw-y img{
  clip-path:none;
}
.ad-thumb.saw-x:hover img,
.ad-thumb.saw-y:hover img{
  clip-path:none;
}

/* Keep base thumb stable; hover preview draws the frame separately */
.ad-thumb:hover .ad-media{
  border-radius:0;
  box-shadow:none;
  transform:translate(-50%, -50%);
}

/* For tall images, reveal the extra height upward (not downward),
   so the page height doesn't grow on hover. */
/* Hover uses overlay; keep base elements static */

/* Fixed hover preview (no layout shift) */
.ad-hover-preview{
  position:fixed;
  z-index:50;
  pointer-events:auto;
  border-radius:4px;
  background:#fff;
  overflow:hidden;
  box-shadow:
    0 0 0 10px #fff,
    0 0 0 11px #e6e6e6,
    0 14px 40px rgba(0,0,0,.25);
  display:none;
}
.ad-hover-preview img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.ad-hover-preview .ad-hover-link{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
}
.video-play-badge{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:58px;
  height:58px;
  border-radius:50%;
  background:rgba(0, 0, 0, .65);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:2;
  pointer-events:none;
  box-shadow:0 4px 14px rgba(0,0,0,.25);
}
.ad-hover-preview .ad-hover-link.is-disabled{
  pointer-events:none;
}
.ad-hover-preview .ad-hover-info{
  position:absolute;
  right:8px;
  top:8px;
  width:24px;
  height:24px;
  border-radius:50%;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  z-index:2;
  cursor:pointer;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}


/* Hover overlay full image */
.ad-hover{
  position:absolute;
  inset:0;
  display:none;
  z-index:10;
}
.ad-thumb:hover .ad-hover{display:block;}
.ad-hover .ad-hover-box{
  position:absolute;
  left:0;top:0;
  width:100%;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.25);
}
.ad-hover img{width:100%;height:auto;display:block;}
.ad-info-wrap{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  height:100%;
  z-index:3;
  pointer-events:none;
}
.ad-thumb.saw-x .ad-info-wrap{
  width: var(--media-w, 100%);
  height:100%;
}
.ad-thumb.saw-y .ad-info-wrap{
  width:100%;
  height: var(--media-h, 100%);
}
.ad-info-link{
  position:absolute;
  right:8px;
  top:8px;
  width:24px;height:24px;
  border-radius:50%;
  background:#fff;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  z-index: 3;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .12s ease-in-out;
  opacity:0;
  pointer-events:auto;
}

.pending-badge{
  position:absolute;
  right:8px;
  bottom:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  background:#fff;
  color:#000;
  border:1px solid var(--border);
  z-index:3;
  line-height:1;
}
.ad-thumb:hover .pending-badge{
  opacity:0;
  pointer-events:none;
}

.ad-thumb:hover .ad-info-link{
  opacity:1;
  pointer-events:auto;
  transition-delay:180ms;
}

.loading{padding:10px 16px;color:var(--muted);text-align:center;}
.footer{padding:0;margin:0;height:0;overflow:hidden;text-align:center;}


/* Fullscreen background for country select page */
#bg-video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
    background: black; /* jei video nespėja užsikrauti */
}

.page-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Country landing should not paint its own background over the image */
/* Fullscreen layout for country select */
.country-landing{
  min-height: 100vh;
  display: flex;
  align-items: center;      /* vertical centering */
  justify-content: center;  /* horizontal centering */
  background: transparent;
}

.country-landing-box{
  width:100%;
  max-width:520px;
  text-align:center;
  border:3px solid var(--yellow);
  border-radius:26px;
  padding:22px 22px 18px;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(2px);
  font-size:18px;
}
.country-landing .headline{
  font-size:22px;
  font-weight:900;
  margin-bottom:18px;
}
.country-form{
  display: flex;
  flex-direction: column;
  gap: 12px !important;
}

.country-form select{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid var(--border);
  font-size:18px;
}
.country-form .enter-btn{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:2px solid var(--yellow);
  background:var(--yellow);
  font-weight:900;
  cursor:pointer;
  font-size:18px;
}
.country-landing .how{
  text-decoration:underline;
}

/* How page box (full page, video background) */
.how-box{
  width:100%;
  max-width:820px;
  margin:28px 18px;
  padding:22px 22px 18px;
  border:3px solid var(--yellow);
  border-radius:26px;
  background:rgba(0,0,0,0.55);
  backdrop-filter:blur(2px);
  color:var(--white);
}
.how-box a{ text-decoration:underline; color:var(--yellow);}


/* Forms */
.form{display:grid;gap:14px;margin-top:14px;}
.form label{display:grid;gap:6px;font-weight:700;}
.form input[type="text"],
.form input[type="url"],
.form input[type="email"],
.form input[type="number"],
.form input[type="password"],
.form select,
.form textarea,
.form input[type="file"]{padding:10px;border-radius:10px;border:1px solid var(--border);font-weight:400;}
.form label.check{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  white-space:nowrap;
}
.form label.check input[type="checkbox"]{
  margin:0;
  flex:0 0 auto;
}
.form label.captcha-inline{
  display:inline-flex;
  align-items:center;
  font-weight:normal;
  gap:8px;
  white-space:nowrap;
}
.form label.captcha-inline .captcha-input{
  width:58px;
  min-width:58px;
  padding:8px 10px;
  -moz-appearance:textfield;
  appearance:textfield;
}
.form label.captcha-inline .captcha-input::-webkit-outer-spin-button,
.form label.captcha-inline .captcha-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.text-content .rules-subitems{
  list-style:none;
  margin:4px 0 2px 0;
  padding-left:20px !important;
  display:grid;
  gap:2px;
}
.text-content .rules-subitems .rules-subitem{
  position:relative;
  padding-left:22px;
  margin:0;
}
.rules-subitem::before{
  position:absolute;
  left:0;
  top:0;
  font-weight:700;
}
.rules-subitem.is-free::before{
  content:"";
  display:block;
  width:14px;
  height:14px;
  top:2px;
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:center;
  background-image:url("../img/icons/refresh.png?v=3");
}
.rules-subitem.is-paid::before{
  content:"";
  display:block;
  width:14px;
  height:14px;
  top:2px;
  background-repeat:no-repeat;
  background-size:14px 14px;
  background-position:center;
  background-image:url("../img/icons/euro.png?v=3");
}
.media-choice{
  border:1px solid var(--border);
  border-radius:10px;
  padding:2px 12px 10px;
}
.media-choice legend{
  font-weight:700;
  padding:0 4px;
}
.media-choice-row{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.share-link-block{
  margin:10px 0 14px;
}
.share-link-block h2{
  margin-bottom:8px;
}
.input-with-action{
  display:flex;
  align-items:stretch;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
.input-with-action input{
  border:none;
  border-radius:0;
  padding:10px;
  font-weight:400;
  flex:1 1 auto;
  min-width:0;
}
.input-with-action input:focus{
  outline:none;
}
.input-with-action:focus-within{
  border-color:#bdbdbd;
}
.input-action-btn{
  border:none;
  border-left:1px solid var(--border);
  background:#fff;
  color:#222;
  width:44px;
  min-width:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.input-action-btn:hover{
  background:#f7f7f7;
}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;cursor:pointer;line-height:1.2;min-height:48px;font-size:inherit;font-family:inherit;font-weight:400;}
.button.primary{background:var(--yellow);border-color:var(--yellow);font-weight:700;}
.button:not(.primary){min-height:46px;}
.button.danger{border-color:#c0392b;color:#c0392b;}
.button-loading-block{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:12px;
  border:1px solid var(--border);
  background:#f3f3f3;
  color:#8a8a8a;
  font-weight:600;
}

.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;}
.card > h2:first-child{margin-top:0;}
.alert{border-radius:12px;padding:12px;border:1px solid var(--border);background:#fff;}
.alert.error{border-color:#c0392b;color:#c0392b;}
.text-content .alert + .card,
.text-content .alert + .form{margin-top:12px;}

.ad-detail-image{max-height:none;overflow:visible;}
.ad-detail-image img{max-width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--border);}
.ad-detail-image.is-video img{
  border:none;
}
.ad-video-embed{
  position:relative;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border);
  background:#000;
  padding-top:56.25%;
}
.ad-video-embed iframe{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border:0;
}
.stats{display:grid;gap:6px;margin:12px 0;color:var(--muted);}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 6px;}
.ad-detail-share-link{
  margin:12px 0;
}
.ad-detail-copy-btn{
  width:auto;
  min-width:unset;
  padding:0 12px;
  gap:8px;
  font-weight:600;
}
.ad-detail-copy-btn svg{
  flex:0 0 auto;
}
.ad-detail-actions{
  display:block;
  margin:8px 0 6px;
}
.ad-detail-actions .button{
  width:100%;
}
.ad-detail-actions .button + .button{
  margin-top:10px;
}
.ad-detail-actions .button.facebook-share{
  width:100%;
  background:#1877f2;
  border-color:#1877f2;
  color:#fff;
  font-weight:700;
}
.ad-detail-actions .button.facebook-share:hover{
  background:#166fe0;
  border-color:#166fe0;
}
.ad-detail-report-link{
  display:block;
  margin-top:10px;
  text-align:center;
  color:var(--muted);
  text-decoration:underline;
}
.ad-detail-report-link:hover{
  color:#222;
}

.vote-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin:10px 0 12px;
}
.vote-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#fff;
  cursor:pointer;
  font-weight:700;
}
.vote-btn .vote-icon{display:inline-flex;}
.vote-btn.up{color:#1a7f37;}
.vote-btn.down{color:#b42318;}
.vote-btn.is-active{
  border-color:#111;
  box-shadow:0 0 0 2px #111 inset;
}
.vote-score{
  font-weight:700;
  color:var(--muted);
}
.modal .modal-page{
  max-height:none;
  overflow:visible;
  padding:0;
}
.modal #modal-content .page{
  padding:0;
}

/* Ad detail modal: width should hug the image with equal padding */
.modal.ad-detail-modal .modal-box{
  width:fit-content;
  max-width:min(980px, calc(100vw - 24px));
  --modal-pad:20px;
}
.modal.ad-detail-modal.ad-video-modal .modal-box{
  width:min(980px, calc(100vw - 24px));
  max-width:min(980px, calc(100vw - 24px));
  --modal-pad:20px;
}
.modal.ad-detail-modal #modal-content{
  text-align:center;
  overflow-x:hidden;
}
.modal.ad-detail-modal.ad-video-modal #modal-content{
  text-align:left;
}
.modal.ad-detail-modal .ad-detail{
  display:inline-block;
  text-align:left;
  width:min(var(--ad-img-w, 100%), calc(100vw - 40px - (2 * var(--modal-pad))));
  max-width:100%;
}
.modal.ad-detail-modal.ad-video-modal .ad-detail{
  display:block;
  width:100%;
  max-width:100%;
}
.modal.ad-detail-modal .ad-detail.is-video-ad-detail{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}
.modal.ad-detail-modal .ad-detail.is-video-ad-detail .ad-detail-image.is-video{
  width:100%;
}
.modal.ad-detail-modal .ad-detail.is-video-ad-detail .ad-video-embed{
  width:100%;
}
.modal.ad-detail-modal .ad-detail-image img{
  width:var(--ad-img-w, auto);
  max-width:100%;
}

/* Admin */
.admin-page{
  --admin-top-height:78px;
  padding-top:calc(var(--admin-top-height) + 8px);
}
.admin-top{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 18px;
  margin:0 auto;
  max-width:1200px;
  background:var(--bg);
  border-bottom:1px solid var(--border);
}
.admin-home-link{text-decoration:none;}
.admin-filter-form{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.admin-filter-form select{
  min-width:0;
  width:auto;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
}
#admin-country-filter{max-width:170px;}
#admin-ad-type-filter{max-width:150px;}
#admin-uri-filter{
  width:110px;
  max-width:110px;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  font:inherit;
}
.admin-paid-total{
  font-weight:700;
  color:#222;
  white-space:nowrap;
}
.admin-layout{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start;}
.admin-sidebar{position:sticky;top:calc(var(--admin-top-height) + 16px);padding:12px;}
.admin-nav{display:grid;gap:6px;}
.admin-nav-link{
  display:block;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
}
.admin-nav-link:hover{border-color:#cfcfcf;}
.admin-nav-link.is-active{
  background:var(--yellow);
  border-color:var(--yellow);
  font-weight:700;
}
.admin-content{min-width:0;}
.admin-kv{display:grid;gap:6px;}
.admin-kv-row{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:10px;
  align-items:start;
}
.admin-kv-key{
  color:var(--muted);
  font-weight:700;
}
.admin-kv-value{
  min-width:0;
  word-break:break-word;
}
.admin-list{display:grid;gap:12px;margin:10px 0 26px;}
.admin-item{background:#fff;border:1px solid var(--border);border-radius:14px;padding:12px;display:grid;grid-template-columns:90px 1fr auto;gap:12px;align-items:start;}
.admin-thumb img{width:90px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--border);}
.admin-actions{display:flex;flex-direction:column;gap:8px;}
.admin-pagination{
  display:flex;
  align-items:center;
  gap:6px;
  margin:8px 0 20px;
  flex-wrap:wrap;
}
.admin-page-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:8px;
  background:#fff;
}
.admin-page-link.is-active{
  background:var(--yellow);
  border-color:var(--yellow);
  font-weight:700;
}
.admin-page-gap{
  color:var(--muted);
  padding:0 2px;
}
.admin-public-link-wrap{
  margin-top:16px;
}
.admin-public-link{
  font-size:18px;
  font-weight:700;
  text-decoration:underline;
}
.admin-ban-card{margin:12px 0 20px;}
.admin-ban-form{display:grid;gap:10px;}
.admin-ban-form label{font-weight:700;}
.admin-ban-row{
  display:flex;
  align-items:flex-end;
  justify-content:flex-start;
  gap:12px;
}
.admin-ban-ip-input{
  width:220px;
  max-width:100%;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  font:inherit;
}
.admin-ban-submit{
  min-height:38px !important;
  padding:8px 14px;
}
.admin-self-head{
  margin:12px 0 18px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.admin-self-head h2{
  margin:0 0 4px;
}
.admin-self-modal-page{
  padding-top:8px;
}
@media (max-width:980px){
  .admin-page{
    --admin-top-height:118px;
    padding-top:calc(var(--admin-top-height) + 8px);
  }
  .admin-top{align-items:flex-start;flex-direction:column;gap:10px;}
  .admin-layout{grid-template-columns:1fr;}
  .admin-sidebar{position:static;}
  .admin-kv-row{grid-template-columns:120px 1fr;}
  .admin-ban-row{
    flex-direction:column;
    align-items:flex-start;
  }
  .admin-ban-submit{
    align-self:flex-end;
  }
  .admin-self-head{
    flex-direction:column;
    align-items:flex-start;
  }
}

/* Modal (generic) */
.modal{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:99;padding:20px;}
.modal.ad-video-modal{padding:8px;}
.modal-box{
  --modal-pad:16px;
  background:#fff;
  border-radius:14px;
  max-width:720px;
  width:100%;
  position:relative;
  margin:0 auto;
  max-height:calc(100vh - 40px);
  height:auto;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding-inline:var(--modal-pad);
}
.modal-box::before,
.modal-box::after{
  content:"";
  display:block;
  flex:0 0 var(--modal-pad);
}
#modal-content{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  overflow-x:hidden;
  padding-block:0;
}
#modal-content::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}
.modal-close{
  appearance:none;
  -webkit-appearance:none;
  position:absolute;
  right:var(--close-offset);
  top:var(--close-offset);
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--close-size);
  min-width:var(--close-size);
  height:var(--close-size);
  min-height:var(--close-size);
  line-height:1;
  padding:0;
  font-size:22px;
  border:none;
  background:#fff;
  cursor:pointer;
  color:#000;
  border-radius:50%;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
  z-index:5;
}
.copy-notice-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  z-index:8;
}
.copy-notice-dialog{
  width:min(360px, 100%);
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.copy-notice-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.copy-notice-text{
  margin:0;
}
.copy-notice-close{
  border:none;
  background:transparent;
  color:#111;
  flex:0 0 28px;
  min-width:28px;
  width:28px;
  height:28px;
  line-height:28px;
  text-align:center;
  border-radius:50%;
  cursor:pointer;
  font-size:22px;
}
.copy-notice-close:hover{
  background:#f0f0f0;
}
.report-dialog-overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px;
  z-index:9;
}
.report-dialog{
  width:min(460px, 100%);
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:14px;
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.report-dialog-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.report-dialog-title{
  margin:0;
}
.report-dialog-close{
  border:none;
  background:transparent;
  color:#111;
  flex:0 0 28px;
  min-width:28px;
  width:28px;
  height:28px;
  line-height:28px;
  text-align:center;
  border-radius:50%;
  cursor:pointer;
  font-size:22px;
}
.report-dialog-close:hover{
  background:#f0f0f0;
}
.report-form{
  display:grid;
  gap:10px;
}
.report-form label{
  display:grid;
  gap:6px;
}
.report-form select,
.report-form textarea,
.report-form input[type="number"]{
  padding:10px;
  border-radius:10px;
  border:1px solid var(--border);
  font:inherit;
}
.report-form label.captcha-inline{
  display:inline-flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}
.report-form label.captcha-inline .captcha-input{
  width:58px;
  min-width:58px;
  padding:8px 10px;
  -moz-appearance:textfield;
  appearance:textfield;
}
.report-form label.captcha-inline .captcha-input::-webkit-outer-spin-button,
.report-form label.captcha-inline .captcha-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.report-form textarea{
  resize:vertical;
}
.report-form-actions{
  display:grid;
  gap:10px;
}
.report-form-actions .button{
  width:100%;
}

body.modal-open{overflow:hidden;}

/* Tags modal */
.tag-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:10px;
}
.tag-chip{
  display:inline-block;
  padding:6px 10px;
  border:1px solid var(--border);
  border-radius:999px;
  text-decoration:none;
  color:#111;
  background:#fff;
}
.tag-chip:hover{border-color:#999;}

.alert.info{border-color:var(--yellow);background:rgba(255,205,0,.12);color:#111;}

/* Hide top bar only on country select page */
.country-select-page .topbar,
.country-select-page header,
.country-select-page .site-header {
  display: none !important;
}

.how-close{
  position: fixed;
  top: var(--close-offset);
  right: var(--close-offset);
  width: var(--close-size);
  height: var(--close-size);
  display: grid;
  place-items: center;  
  font-size: 22px;
  line-height: 1;
  border-radius: 999px;
  background: rgba(0,0,0,0.45);
  color: var(--yellow);
  z-index: 9999;
  text-decoration: none !important;
  border-bottom: none !important;   /* jei pas tave pabraukimas per border-bottom */
  box-shadow: none !important;      /* jei kas nors piešia liniją per shadow */
}

.how-close:hover{
  background: rgba(0,0,0,0.65);
}

.how-close:focus{
  outline: 2px solid #fff;
  outline-offset: 2px;
}

body.cookie-bar-visible{
  padding-bottom:80px;
}
.cookie-bar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:80px;
  background:#fff;
  border-top:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  z-index:120;
}
.cookie-bar-text{
  margin:0;
  color:#333;
}
.cookie-bar-close{
  width:32px;
  height:32px;
  border:none;
  border-radius:50%;
  background:#f2f2f2;
  color:#111;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  padding:0;
  cursor:pointer;
}