/* lajme.css — MSN-inspired full version + rss sections flattened + wider smartphone RSS cards */

:root{
  color-scheme: light;

  /* Typography */
  --font-ui:"Segoe UI", SegoeUI, "Helvetica Neue", Arial, sans-serif;

  /* Base */
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f5f7fb;
  --card:#ffffff;
  --text:#111111;
  --muted:#5f6368;

  /* Borders / shadows */
  --border:#e3e7ee;
  --border-soft:#edf1f5;
  --shadow:0 1px 2px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);
  --shadow-soft:0 1px 2px rgba(0,0,0,.05), 0 4px 14px rgba(0,0,0,.06);

  /* Accent */
  --accent:#377eff;
  --accent-2:#4c9cff;

  /* Legacy colors kept for compatibility */
  --google-blue:#4285F4;
  --google-yellow:#F9BC05;
  --google-gray:#E8EAED;
  --google-gray-dark:#BDC1C6;

  /* Radius */
  --radius:12px;
  --radius-sm:8px;
  --radius-xs:6px;
  --radius-pill:999px;

  /* Layout */
  --page-max:1360px;
  --gap:12px;
  --pad:16px;

  /* Top hero */
  --topMediaH:336px;
  --hero-overlay:
    linear-gradient(
      to top,
      rgba(0,0,0,.82) 0%,
      rgba(0,0,0,.56) 34%,
      rgba(0,0,0,.26) 60%,
      rgba(0,0,0,.08) 80%,
      rgba(0,0,0,0) 100%
    );

  /* Motion */
  --ease:cubic-bezier(.2,.8,.2,1);
  --t-fast:.18s;
  --t-med:.28s;
}

/* @media (prefers-color-scheme: dark){
  :root{
    --bg:#0f1115;
    --surface:#141821;
    --surface-2:#181d27;
    --card:#141821;
    --text:#f3f4f6;
    --muted:#b4bcc8;

    --border:#2a3342;
    --border-soft:#202735;
    --shadow:0 1px 2px rgba(0,0,0,.28), 0 10px 28px rgba(0,0,0,.30);
    --shadow-soft:0 1px 2px rgba(0,0,0,.22), 0 6px 18px rgba(0,0,0,.24);

    --accent:#69a1fa;
    --accent-2:#8cb7ff;

    --google-gray:#202734;
    --google-gray-dark:#475569;
  }
}*/

*{box-sizing:border-box}

html,
body{
  margin:0;
  padding:0;
  overflow-anchor:none;

  background:#ffffff;
  color:#111111;
  font-family:var(--font-ui);
  font-size:14px;
  line-height:1.4;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

button,
input,
select,
textarea{
  font:inherit;
}

.wrap{
  max-width:var(--page-max);
  margin:0 auto;
  padding:var(--pad);
  position:relative;
}

/* =========================
   Fast render / deferred sections
========================= */
.defer-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 900px;
}

.defer-section.is-visible{
  content-visibility:auto;
}

@supports not (content-visibility:auto){
  .defer-section{
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
}

/* =========================
   Header
========================= */
.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.header h1{
  margin:0;
  font-size:21px;
  font-weight:600;
  letter-spacing:0;
  color:var(--text);
}

.small{
  font-size:12px;
  line-height:1.35;
  color:var(--muted);
}

.refresh{
  border:1px solid var(--border);
  background:var(--surface);
  border-radius:8px;
  padding:8px 12px;
  cursor:pointer;
  font-weight:600;
  font-size:14px;
  color:var(--text);
  box-shadow:none;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.refresh:hover{
  background:var(--surface-2);
  border-color:#d4dae3;
}

.refresh:active{
  background:#eef2f7;
  transform:none;
}

/* =========================
   Top layout
========================= */
.grid-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  align-items:stretch;
}

@media (max-width:920px){
  .grid-top{grid-template-columns:1fr}
}

/* =========================
   Card base
========================= */
.card{
  position:relative;
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  box-shadow:none;
  transition:
    border-color var(--t-med) var(--ease),
    background-color var(--t-med) var(--ease);
}

.card:hover{
  border-color:#cfd6e0;
  box-shadow:none;
}

.media{
  display:block;
  text-decoration:none;
  background:#eef1f5;
  position:relative;
  overflow:hidden;
}

.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:none;
  transition:filter .25s ease;
}

.card:hover .media img{
  transform:none;
  filter:brightness(.98);
}

.content{
  padding:12px 12px 14px;
  padding-right:46px;
}

.kicker{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:8px;
  flex-wrap:wrap;
}

.source{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
}

.source img{
  width:16px;
  height:16px;
  border-radius:4px;
  object-fit:contain;
  background:#fff;
  border:none;
}

.time{
  color:var(--muted);
  font-size:12px;
  font-weight:600;
}

.dot{opacity:.7}

.row-top{
  display:flex;
  align-items:flex-start;
  gap:8px;
}

.title{
  margin:0;
  font-size:21px;
  font-weight:600;
  line-height:1.24;
  letter-spacing:0;
  color:var(--text);
  flex:1;
  min-width:0;
}

.title a{
  color:inherit;
  text-decoration:none;
  transition:none;
}

.desc{
  margin:8px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}

.line2{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* =========================
   Share button
========================= */
.share{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:3;
  width:30px;
  height:30px;
  border-radius:8px;
  border:1px solid var(--border);
  background:#fff;
  color:#5f6368;
  backdrop-filter:none;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:none;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.share svg{
  width:15px;
  height:15px;
}

.share:hover{
  background:#f3f6fa;
  color:#111;
  border-color:#d0d7e2;
}

.share:active{
  transform:none;
}

/* =========================
   TOP carousel
========================= */
.top-card{
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  background:var(--card);
  border-radius:12px;
}

.top-card .media{
  height:var(--topMediaH);
  background:#e9edf3;
}

.carousel-track[data-carousel="top"]{
  display:flex;
  width:100%;
  gap:0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}

.carousel-track[data-carousel="top"]::-webkit-scrollbar{
  display:none;
}

.carousel-track[data-carousel="top"] .carousel-slide{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
  display:block;
  position:relative;
}

.top-card .content{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:16px 16px 48px;
  padding-right:48px;
  background:var(--hero-overlay);
  color:#fff;
}

.top-card .source,
.top-card .time{
  color:rgba(255,255,255,.92);
}

.top-card .source{
  background:none;
  border:none;
  border-radius:0;
  padding:0;
  backdrop-filter:none;
}

.top-card .title{
  font-size:32px;
  font-weight:600;
  line-height:1.16;
  letter-spacing:0;
  text-shadow:none;
}

.top-card .title a{
  color:#fff;
}

.top-card .desc{
  display:none;
}

.top-card .share{
  background:rgba(255,255,255,.95);
  border-color:rgba(255,255,255,.7);
  color:#222;
}

.top-card .car-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:28px;
  height:54px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(0,0,0,.28);
  color:#fff;
  backdrop-filter:blur(6px);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:background-color var(--t-fast) var(--ease);
}

.top-card .car-nav.prev{left:12px}
.top-card .car-nav.next{right:12px}

.top-card .car-nav:hover{
  background:rgba(0,0,0,.42);
}

.top-card .car-nav:active{
  transform:translateY(-50%);
}

.top-card .carousel-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:10px;
  margin:0;
  padding:0;
  justify-content:center;
  z-index:7;
}

.top-card .carousel-dot{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.22);
}

.top-card .carousel-dot.is-active{
  background:rgba(255,255,255,.94);
  border-color:rgba(255,255,255,.94);
}

.top-card .carousel-dot:hover{
  background:rgba(255,255,255,.55);
  border-color:rgba(255,255,255,.55);
}

/* =========================
   RIGHT column
========================= */
.right-col{
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--gap);
  align-content:stretch;
}

.right-col .right-mini{
  display:flex;
  flex-direction:column;
  height:100%;
}

.right-col .right-mini .media{
  height:168px;
}

.right-col .right-mini .content{
  flex:1;
  padding:10px 10px 12px;
  padding-right:42px;
}

.right-col .right-mini .title{
  font-size:20px;
  font-weight:600;
  line-height:1.22;
}

.right-col .right-mini .kicker{
  margin-bottom:6px;
}

@media (max-width:920px){
  .right-col{
    display:none !important;
  }
}

/* =========================
   Bottom section
========================= */
.bottom-wrap{
  margin-top:12px;
}

.bottom-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}

.bottom-title{
  font-size:14px;
  margin:0;
  color:var(--text);
  font-weight:600;
}

.mini .media{
  height:150px;
}

.mini .content{
  padding:10px 10px 12px;
  padding-right:46px;
}

.mini .title{
  font-size:14px;
  font-weight:600;
}

.mini .kicker{
  margin-bottom:6px;
}

.bottom-layout{
  display:grid;
  grid-template-columns:360px minmax(0,1fr);
  gap:12px;
  align-items:start;
}

@media (max-width:920px){
  .bottom-layout{
    grid-template-columns:1fr;
  }
}

/* left small news */
.bottom-side-news{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:none;
  overflow:hidden;
}

.side-head{
  padding:10px 12px;
  font-weight:600;
  font-size:14px;
  border-bottom:1px solid var(--border);
  color:var(--text);
  background:#fff;
  background-image:none;
}

.side-row{
  display:flex;
  gap:10px;
  padding:10px 12px;
  text-decoration:none;
  color:inherit;
  border-bottom:1px solid var(--border-soft);
  transition:background-color var(--t-fast) var(--ease);
}

.side-row:hover{
  background:#f7f9fc;
}

.side-row:last-child{
  border-bottom:0;
}

.side-text{
  flex:1;
  min-width:0;
}

.side-meta{
  font-size:12px;
  color:var(--muted);
  margin-bottom:6px;
  font-weight:600;
}

.side-title{
  font-size:13px;
  line-height:1.35;
  font-weight:600;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.side-thumb{
  flex:0 0 78px;
  width:78px;
  height:56px;
  border-radius:10px;
  overflow:hidden;
  background:var(--google-gray);
  border:1px solid var(--border);
}

.side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.bottom-carousel{
  min-width:0;
}

@media (min-width:921px){
  .bottom-carousel .card.mini{
    height:292px;
  }

  .bottom-side-news{
    height:290px;
    display:flex;
    flex-direction:column;
    overflow:auto;
  }

  .bottom-side-news .side-head{
    position:sticky;
    top:0;
    z-index:2;
  }
}

/* =========================
   Bottom carousel
========================= */
.bottom-carousel .carousel-track[data-carousel="bottom"]{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
  padding:0 0 12px 0;
  scrollbar-width:none;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action: pan-x pan-y pinch-zoom;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
}

.bottom-carousel .carousel-track[data-carousel="bottom"]::-webkit-scrollbar{
  display:none;
}

.bottom-carousel .carousel-track[data-carousel="bottom"].is-dragging{
  cursor:grabbing;
}

.bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
  flex:0 0 100%;
  width:100%;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}

.bottom-carousel .card.mini{
  display:flex;
  flex-direction:column;
  height:100%;
}

.bottom-carousel .card.mini .media{
  height:168px;
}

.bottom-carousel .card.mini .content{
  flex:1;
  padding:10px 10px 12px;
  padding-right:42px;
}

.bottom-carousel .card.mini .title{
  font-size:20px;
  font-weight:600;
  line-height:1.22;
}

.bottom-carousel .card.mini .kicker{
  margin-bottom:6px;
}

@media (max-width:1100px){
  .bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:920px){
  .bottom-carousel .carousel-track[data-carousel="bottom"]{
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }

  .bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
    grid-template-columns:1fr;
  }

  .bottom-carousel .card.mini .media{
    height:190px;
  }

  .bottom-carousel .card.mini .title{
    font-size:18px;
    line-height:1.28;
  }
}

@media (max-width:560px){
  .bottom-carousel .carousel-track[data-carousel="bottom"] .carousel-slide{
    grid-template-columns:1fr;
  }

  .bottom-carousel .card.mini .media{
    height:190px;
  }
}

/* =========================
   Carousel dots
========================= */
.carousel-dots{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:10px 0 0;
  padding:4px 0;
}

.carousel-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:1px solid #d5dbe5;
  background:#e4e9f0;
  padding:0;
  cursor:pointer;
  transition:
    width var(--t-fast) var(--ease),
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease);
}

.carousel-dot.is-active{
  width:18px;
  background:var(--accent);
  border-color:var(--accent);
}

.carousel-dot:hover{
  background:#d7dfe9;
  border-color:#d7dfe9;
}

.carousel-dot:focus-visible{
  outline:2px solid rgba(55,126,255,.28);
  outline-offset:3px;
}

.carousel-dots[data-dots-for="bottom"]{
  display:none !important;
}

/* =========================
   RSS sections (flattened)
========================= */
.rss-sections-wrap{
  margin-top:24px;
  display:flex;
  flex-direction:column;
  gap:22px;
  position:relative;
}

.rss-section{
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}

.rss-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 14px;
}

.rss-section-head h2{
  margin:0;
  font:600 21px/1.2 var(--font-ui);
  color:var(--text);
  letter-spacing:0;
}

.rss-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.rss-grid-3 > *{
  min-width:0;
}

@media (max-width:1100px){
  .rss-grid-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:920px){
  .rss-sections-wrap{
    margin-top:20px;
    gap:18px;
  }

  .rss-section{
    padding:0;
  }

  .rss-section-head{
    margin-bottom:10px;
    padding:0 2px;
  }

  .rss-section-head h2{
    font-size:18px;
  }

  .rss-grid-3{
    grid-template-columns:1fr;
    gap:10px;
  }

  .rss-grid-3 .card{
    border-radius:12px;
  }

  .rss-grid-3 .card .media{
    height:210px;
  }

  .rss-grid-3 .card .content{
    padding:12px 12px 14px;
    padding-right:44px;
  }

  .rss-grid-3 .card .title{
    font-size:20px;
    line-height:1.24;
  }

  .rss-grid-3 .card .desc{
    font-size:14px;
    line-height:1.45;
  }
}

@media (max-width:560px){
  .wrap{
    padding-left:10px;
    padding-right:10px;
  }

  .rss-sections-wrap{
    gap:16px;
  }

  .rss-section-head{
    padding:0 2px;
    margin-bottom:8px;
  }

  .rss-grid-3{
    gap:8px;
  }

  .rss-grid-3 .card{
    border-radius:10px;
  }

  .rss-grid-3 .card .media{
    height:220px;
  }

  .rss-grid-3 .card .content{
    padding:12px 12px 14px;
    padding-right:42px;
  }

  .rss-grid-3 .card .title{
    font-size:19px;
  }
}

/* =========================
   Loading overlay
========================= */
.news-loading{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.92);
  pointer-events:all;
}

.news-loading.is-on{
  display:flex;
}

.news-loading-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 24px;
  border:1px solid #e3e7ee;
  background:#ffffff;
  box-shadow:none;
  border-radius:12px;
}

.news-loading-text{
  font:600 13px/1.2 var(--font-ui);
  color:#111111;
}

.news-spinner{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid #ffffff;
  border-top-color:#377eff;
  animation:newsSpin .8s linear infinite;
}

@keyframes newsSpin{
  to{transform:rotate(360deg)}
}
/* =========================
   Cookie consent
========================= */
.cookie-consent{
  position:fixed;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:9999;
  display:none;
}

.cookie-consent.is-on{
  display:block;
}

.cookie-card{
  max-width:960px;
  margin:0 auto;
  background:#fff;
  border:1px solid var(--border);
  border-radius:14px;
  box-shadow:none;
  padding:12px;
}

.cookie-row{
  display:flex;
  gap:12px;
  align-items:flex-start;
  justify-content:space-between;
}

.cookie-text{
  font:500 13px/1.35 var(--font-ui);
  color:var(--text);
}

.cookie-text a{
  color:var(--accent);
}

.cookie-text a:hover{
  text-decoration:underline;
}

.cookie-actions{
  display:flex;
  gap:8px;
  flex:0 0 auto;
}

.cookie-btn{
  border:1px solid var(--border);
  background:#fff;
  color:var(--text);
  padding:8px 12px;
  border-radius:999px;
  font:600 13px/1 var(--font-ui);
  cursor:pointer;
  transition:
    background-color var(--t-fast) var(--ease),
    border-color var(--t-fast) var(--ease),
    color var(--t-fast) var(--ease);
}

.cookie-btn.primary{
  background:var(--accent);
  border-color:var(--accent);
  color:#fff;
}

@media (max-width:520px){
  .cookie-row{
    flex-direction:column;
  }

  .cookie-actions{
    width:100%;
  }

  .cookie-btn{
    flex:1;
  }
}

/* =========================
   Footer
========================= */
.site-footer{
  margin-top:18px;
  padding:16px 0 10px;
  border-top:1px solid var(--border);
}

.footer-inner{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  font:500 13px/1.2 var(--font-ui);
  color:var(--muted);
}

.footer-inner a{
  color:var(--muted);
}

.footer-inner a:hover{
  color:var(--text);
  text-decoration:underline;
}

.footer-dot{
  opacity:.5;
}

/* =========================
   Radio
========================= */
.radio-wrap{
  margin-top:16px;
}

/* =========================
   Moti + Namaz
========================= */
.moti-wrap{
  margin-top:12px;
  display:block !important;
  padding:0 !important;
}

.moti-namaz-row{
  width:100%;
  max-width:none;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:12px;
  align-items:start;
}

.moti-col > .wxks{
  width:100%;
  max-width:none !important;
  margin:0 !important;
}

.namaz-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:none;
  overflow:hidden;
  padding:0;
}

.namaz-col{
  width:100%;
}

#takvimi-namaz,
#takvimi-namaz iframe{
  width:100% !important;
  max-width:100% !important;
  display:block !important;
  border:0 !important;
}

@media (max-width:920px){
  .moti-namaz-row{
    grid-template-columns:1fr;
    gap:12px;
  }

  .moti-col,
  .namaz-col{
    width:100%;
    max-width:none;
  }

  #takvimi-namaz,
  #takvimi-namaz iframe{
    width:100% !important;
    max-width:none !important;
  }
}

@media (max-width:420px){
  .moti-wrap{padding:0 8px}
}

/* =========================
   Favicon image fix
========================= */
.media img[src*="favicon"]{
  object-fit:contain !important;
  background:#fff;
  padding:26px;
}

.top-card .media img[src*="favicon"]{
  object-fit:contain !important;
  background:#fff;
  padding:34px;
}

/* =========================
   Currency
========================= */
.currency-card{
  background:var(--card);
}

.currency-head{
  padding:10px 12px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  border-bottom:1px solid var(--border);
  background:#fff;
}

.currency-title{
  font:600 14px/1.2 var(--font-ui);
  color:var(--text);
}

.currency-meta{
  font:600 12px/1.2 var(--font-ui);
  color:var(--muted);
  white-space:nowrap;
}

.currency-empty{
  padding:12px;
  font:600 13px/1.35 var(--font-ui);
  color:var(--muted);
}

.currency-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  padding:10px 12px 12px;
  max-width:980px;
  margin:0 auto;
  justify-content:center;
  justify-items:center;
}

.currency-tile{
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:10px;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  box-shadow:none;
  transition:border-color var(--t-fast) var(--ease);
}

.currency-tile:hover{
  transform:none;
  border-color:#cfd6e0;
}

.currency-tile-top{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
}

.currency-ico{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--text);
  opacity:.9;
  flex:0 0 auto;
}

.currency-ico svg{
  width:20px;
  height:20px;
  display:block;
}

.currency-name{
  font:600 13px/1.15 var(--font-ui);
  color:var(--text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  min-width:0;
}

.currency-price{
  margin-top:8px;
  font:600 16px/1 var(--font-ui);
  color:var(--text);
  letter-spacing:0;
}

.currency-sub{
  margin-top:6px;
  font:600 12px/1.15 var(--font-ui);
  color:var(--muted);
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.currency-spot{
  font-weight:600;
  color:var(--accent);
}

@media (max-width:1100px){
  .currency-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:680px;
  }
}

@media (max-width:560px){
  .currency-grid{
    grid-template-columns:1fr;
    gap:8px;
    max-width:none;
    margin:0;
    justify-items:stretch;
  }

  .currency-tile{
    display:grid;
    grid-template-columns:1fr auto;
    grid-template-areas:
      "top price"
      "sub sub";
    align-items:center;
    padding:10px 12px;
    gap:6px 10px;
    text-align:left;
  }

  .currency-tile-top{
    grid-area:top;
    justify-content:flex-start;
    min-width:0;
  }

  .currency-price{
    grid-area:price;
    margin-top:0;
    font-size:16px;
    white-space:nowrap;
    justify-self:end;
  }

  .currency-sub{
    grid-area:sub;
    margin-top:0;
    justify-content:flex-start;
  }
}

/* =========================
   Gazeta Zyrtare
========================= */
.gazetazyrtare-wrap{
  margin-top:10px;
  margin-bottom:12px;
  font-family:var(--font-ui);
  color:#0b1220;
}

.gazetazyrtare-wrap *{
  box-sizing:border-box;
}

.gazetazyrtare-wrap .gz-card{
  background:#fff;
  border:1px solid #e6e8ee;
  border-radius:14px;
  overflow:visible;
  box-shadow:none;
}

.gazetazyrtare-wrap .gz-card-body,
.gazetazyrtare-wrap .gz-card-body-tight{
  padding:10px;
  background:#fff;
}

.gazetazyrtare-wrap #dokumente-search-widget{
  width:100%;
  min-height:0 !important;
  height:auto !important;
  display:block;
}

.gazetazyrtare-wrap #dokumente-search-widget:empty{
  min-height:0 !important;
  height:auto !important;
}

.gazetazyrtare-wrap #dokumente-search-widget > div,
.gazetazyrtare-wrap #dokumente-search-widget > section,
.gazetazyrtare-wrap #dokumente-search-widget > article{
  min-height:0 !important;
  height:auto !important;
}

@media (max-width:720px){
  .gazetazyrtare-wrap{
    margin-top:8px;
    margin-bottom:10px;
  }

  .gazetazyrtare-wrap .gz-card{
    border-radius:12px;
    box-shadow:none;
  }

  .gazetazyrtare-wrap .gz-card-body,
  .gazetazyrtare-wrap .gz-card-body-tight{
    padding:8px;
  }

  .gazetazyrtare-wrap #dokumente-search-widget{
    width:100%;
  }

  .gazetazyrtare-wrap #dokumente-search-widget > div{
    width:100% !important;
    max-width:100% !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget form,
  .gazetazyrtare-wrap #dokumente-search-widget .search-row,
  .gazetazyrtare-wrap #dokumente-search-widget .dz-row,
  .gazetazyrtare-wrap #dokumente-search-widget .widget-row{
    display:flex !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget input[type="text"],
  .gazetazyrtare-wrap #dokumente-search-widget input[type="search"]{
    width:100% !important;
    min-width:0 !important;
    height:54px !important;
    padding:0 16px !important;
    border-radius:18px !important;
    font-size:16px !important;
    line-height:1.2 !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget button,
  .gazetazyrtare-wrap #dokumente-search-widget .search-btn{
    width:94px !important;
    min-width:94px !important;
    height:54px !important;
    border-radius:18px !important;
    flex:0 0 94px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget h1,
  .gazetazyrtare-wrap #dokumente-search-widget h2,
  .gazetazyrtare-wrap #dokumente-search-widget h3{
    font-size:20px !important;
    line-height:1.15 !important;
    margin:0 0 10px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget p,
  .gazetazyrtare-wrap #dokumente-search-widget .subtitle,
  .gazetazyrtare-wrap #dokumente-search-widget .desc{
    font-size:14px !important;
    line-height:1.5 !important;
    margin:0 0 12px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget .head,
  .gazetazyrtare-wrap #dokumente-search-widget .widget-head,
  .gazetazyrtare-wrap #dokumente-search-widget .search-head{
    display:flex !important;
    align-items:flex-start !important;
    gap:10px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget img{
    max-width:32px !important;
    height:auto !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget .results,
  .gazetazyrtare-wrap #dokumente-search-widget .search-results{
    margin-top:10px !important;
  }
}

@media (max-width:480px){
  .gazetazyrtare-wrap .gz-card-body,
  .gazetazyrtare-wrap .gz-card-body-tight{
    padding:6px;
  }

  .gazetazyrtare-wrap #dokumente-search-widget h1,
  .gazetazyrtare-wrap #dokumente-search-widget h2,
  .gazetazyrtare-wrap #dokumente-search-widget h3{
    font-size:18px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget p,
  .gazetazyrtare-wrap #dokumente-search-widget .subtitle,
  .gazetazyrtare-wrap #dokumente-search-widget .desc{
    font-size:13px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget input[type="text"],
  .gazetazyrtare-wrap #dokumente-search-widget input[type="search"]{
    height:50px !important;
    border-radius:16px !important;
    font-size:16px !important;
    padding:0 14px !important;
  }

  .gazetazyrtare-wrap #dokumente-search-widget button,
  .gazetazyrtare-wrap #dokumente-search-widget .search-btn{
    width:82px !important;
    min-width:82px !important;
    height:50px !important;
    border-radius:16px !important;
    flex:0 0 82px !important;
  }
}

/* =========================
   Video reserve
========================= */
#video-block{
  min-height:520px;
}

@media (max-width:720px){
  #video-block{
    min-height:420px;
  }
}

/* Top Lajmet - foto më e madhe dhe më e bukur */
.side-row{
  align-items:flex-start;
}

.side-thumb{
  flex:0 0 118px;
  width:118px;
  height:84px;
  border-radius:12px;
}

.side-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Top Lajmet - ikona e burimit ne te njejtin rresht */
.side-meta .source{
  display:inline-flex;
  align-items:center;
  gap:6px;
  vertical-align:middle;
}

.side-meta .source img{
  width:16px;
  height:16px;
  display:block;
  flex:0 0 16px;
  margin:0;
}

.side-meta{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  line-height:1.2;
}

/* Hek titullin "Top Lajmet" */
.bottom-side-news .side-head{
  display:none;
}

/* RSS */
/* RSS cards - të gjitha me të njëjtën lartësi */
.rss-grid-3{
  align-items:stretch;
}

.rss-grid-3 .rss-slot{
  height:100%;
}

.rss-grid-3 .rss-slot > *{
  height:100%;
}

.rss-grid-3 .rsscard{
  height:100%;
  display:flex;
  flex-direction:column;
}

.rss-grid-3 .rsscard ul{
  flex:1;
}

/* edhe në mobile të mbeten të njëjta */
@media (max-width:920px){
  .rss-grid-3 .rss-slot{
    height:100%;
  }

  .rss-grid-3 .rsscard{
    height:100%;
  }
}