/*
Theme Name: Smart Desi Life
Theme URI: https://smartdesilife.com
Author: Smart Desi Life
Description: Standalone theme for smartdesilife.com — food, lifestyle & travel for every desi soul. Built for an AdSense-friendly homepage layout.
Version: 1.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: sdl
*/

:root{
  --ink:#2B1810;
  --ink-soft:#3D2417;
  --paper:#FBF6EE;
  --card:#FFFFFF;
  --border:#E9DECC;
  --border-soft:#F1E9DC;
  --text-1:#2B1810;
  --text-2:#6B5D4F;
  --text-3:#9C8F7E;
  --signal:#D98C1F;
  --signal-dark:#A6690F;
  --terracotta:#C1502E;
  --sage:#6B8F5A;
  --teal:#2A7F8C;
  --radius:12px;
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--paper);
  color:var(--text-1);
  font-family:'Inter',system-ui,sans-serif;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
h1,h2,h3,h4{font-family:'Fraunces',serif; font-weight:600; letter-spacing:-0.01em;}
.wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
.mono{font-family:'JetBrains Mono',monospace;}

/* ---------- utility bar ---------- */
.utility{background:var(--ink); color:#E4D3C0; font-size:12.5px;}
.utility .wrap{display:flex; justify-content:space-between; align-items:center; height:34px;}
.utility a{color:#E4D3C0; opacity:0.9;}
.utility a:hover{color:#fff;}
.utility-links{display:flex; gap:18px;}

/* ---------- header ---------- */
header{background:var(--card); border-bottom:1px solid var(--border);}
.header-inner{display:flex; align-items:center; justify-content:space-between; height:80px; gap:32px;}
.logo{display:flex; align-items:center; gap:10px; color:var(--ink); flex-shrink:0;}
.logo-mark{width:38px; height:38px; flex-shrink:0;}
.logo-word{font-family:'Fraunces'; font-weight:700; font-size:23px; letter-spacing:-0.02em;}
.logo-word span{color:var(--signal);}
nav.primary{display:flex; gap:2px; flex:1;}
nav.primary a{
  color:var(--ink-soft); font-size:14.5px; font-weight:500; padding:10px 14px;
  border-radius:7px; white-space:nowrap; transition:background .15s, color .15s;
}
nav.primary a:hover{background:var(--border-soft); color:var(--signal-dark);}
.header-actions{display:flex; align-items:center; gap:14px;}
.signin-btn{
  background:var(--signal); color:#fff; font-size:14px; font-weight:600;
  padding:9px 18px; border-radius:8px; white-space:nowrap;
}

/* ---------- ad slots ---------- */
.ad-slot{display:flex; flex-direction:column; align-items:center; gap:6px; margin:28px 0;}
.ad-label{font-family:'JetBrains Mono',monospace; font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-3);}
.ad-box{
  width:100%; border:1.5px dashed #D9CBB4; border-radius:8px; background:#F3EBDC;
  display:flex; align-items:center; justify-content:center; color:#A99A82;
  font-family:'JetBrains Mono',monospace; font-size:12.5px; text-align:center;
}
.ad-728{max-width:728px; height:90px;}
.ad-native{height:120px;}
.ad-300x250{width:300px; height:250px;}
.ad-300x600{width:300px; height:600px;}
.ad-inline{max-width:728px; height:100px;}

/* ---------- section heads ---------- */
.section-head{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:18px; padding-bottom:12px; border-bottom:1px solid var(--border);}
.section-eyebrow{font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:0.1em; text-transform:uppercase; color:var(--text-3);}
.section-title{font-size:23px; margin-top:2px;}
.view-all{font-size:13px; font-weight:600; color:var(--signal-dark);}
.view-all:hover{text-decoration:underline;}

/* ---------- hero / trending ---------- */
.trending-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:28px; margin:32px 0;}
.feature-card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden;}
.feature-media{
  height:300px; background:linear-gradient(135deg,#C1502E 0%,#D98C1F 60%,#E8B24D 130%);
  position:relative; display:flex; align-items:flex-end; padding:20px;
}
.feature-media .cat-tag{position:absolute; top:16px; left:16px;}
.feature-body{padding:22px 24px 26px;}
.cat-tag{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase;}
.cat-dot{width:7px; height:7px; border-radius:50%; display:inline-block;}
.feature-title{font-size:26px; line-height:1.25; margin:12px 0 10px; color:#fff;}
.feature-excerpt{color:var(--text-2); font-size:14.5px; margin-bottom:14px;}
.byline{font-size:12.5px; color:var(--text-3); display:flex; gap:8px; align-items:center;}

.trend-list{display:flex; flex-direction:column;}
.trend-item{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--border-soft);}
.trend-item:first-child{padding-top:0;}
.trend-num{font-family:'Fraunces'; font-weight:700; font-size:21px; color:#DDCDB4; width:26px; flex-shrink:0;}
.trend-title{font-size:14.5px; font-weight:600; line-height:1.4; margin-top:2px;}
.trend-title:hover{color:var(--signal-dark);}

/* ---------- layout ---------- */
.layout{display:grid; grid-template-columns:1fr 320px; gap:36px; align-items:start; margin:36px 0 8px;}
.sidebar{position:sticky; top:20px; display:flex; flex-direction:column; gap:26px;}

.cat-section{margin-bottom:40px;}
.card-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.card{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column;}
.card-media{height:160px; position:relative;}
.card-media .cat-tag{position:absolute; top:12px; left:12px; background:rgba(43,24,16,0.72); padding:4px 9px; border-radius:5px; color:#fff;}
.card-body{padding:16px 17px 18px; display:flex; flex-direction:column; gap:8px; flex:1;}
.card-title{font-size:15px; font-weight:600; line-height:1.35; font-family:'Fraunces';}
.card-title:hover{color:var(--signal-dark);}
.card-meta{font-size:12px; color:var(--text-3); margin-top:auto; padding-top:6px;}

.m-food{background:linear-gradient(135deg,#FBE3D6,#EEA47F);}
.m-lifestyle{background:linear-gradient(135deg,#E4EEDD,#B7CFA3);}
.m-travel{background:linear-gradient(135deg,#DCEEF0,#8FC7CE);}
.card-media .cat-tag{color:var(--ink); background:rgba(255,255,255,0.85);}

/* ---------- sidebar widgets ---------- */
.widget{background:var(--card); border:1px solid var(--border); border-radius:var(--radius); padding:18px 20px;}
.widget h3{font-size:14px; text-transform:uppercase; letter-spacing:0.04em; margin-bottom:14px; color:var(--text-1); font-family:'Inter'; font-weight:700;}
.popular-item{display:flex; gap:12px; padding:10px 0; border-bottom:1px solid var(--border-soft);}
.popular-item:last-child{border-bottom:none; padding-bottom:0;}
.popular-item:first-child{padding-top:0;}
.popular-rank{font-family:'Fraunces'; font-weight:700; color:var(--text-3); font-size:14px;}
.popular-title{font-size:13.5px; font-weight:600; line-height:1.35;}
.popular-title:hover{color:var(--signal-dark);}

.newsletter{background:var(--ink); color:#fff; border:none;}
.newsletter h3{color:#fff;}
.newsletter p{font-size:13px; color:#D9C9B6; margin-bottom:14px;}
.newsletter input{width:100%; height:40px; border-radius:7px; border:1px solid #4A3225; background:#3D2417; color:#fff; padding:0 12px; font-size:13.5px; margin-bottom:10px;}
.newsletter input::placeholder{color:#8F7862;}
.newsletter button{width:100%; height:40px; border-radius:7px; border:none; background:var(--signal); color:#fff; font-weight:600; font-size:13.5px; cursor:pointer;}

/* ---------- footer ---------- */
footer{background:var(--ink); color:#D9C9B6; margin-top:50px;}
.footer-top{padding:48px 0 32px; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; border-bottom:1px solid #4A3225;}
.footer-brand .logo{margin-bottom:12px;}
.footer-brand .logo .logo-word, .footer-brand .logo{color:#fff;}
.footer-brand p{font-size:13.5px; color:#B49E86; max-width:280px; line-height:1.6;}
.footer-col h4{color:#fff; font-size:13px; text-transform:uppercase; letter-spacing:0.05em; margin-bottom:14px;}
.footer-col a{display:block; font-size:13.5px; color:#C9B7A2; padding:5px 0;}
.footer-col a:hover{color:#fff;}
.footer-bottom{padding:20px 0; font-size:12.5px; color:#9C8368;}

/* ---------- single post / page / archive ---------- */
.site-main{max-width:800px; margin:0 auto; padding:40px 24px 60px;}
.archive-header{margin-bottom:30px; padding-bottom:16px; border-bottom:1px solid var(--border);}
.archive-title{font-size:27px;}
.single-title{font-size:33px; line-height:1.25; margin-bottom:14px;}
.single-meta{font-size:13px; color:var(--text-3); margin-bottom:26px; display:flex; gap:10px; align-items:center;}
.single-thumb{border-radius:var(--radius); overflow:hidden; margin-bottom:26px;}
.entry-content{font-size:16.5px; line-height:1.75; color:var(--text-1);}
.entry-content p{margin-bottom:20px;}
.entry-content h2{font-size:23px; margin:32px 0 14px;}
.entry-content h3{font-size:20px; margin:26px 0 12px;}
.entry-content img{border-radius:8px; margin:16px 0;}
.entry-content a{color:var(--signal-dark); text-decoration:underline;}
.entry-content ul, .entry-content ol{margin:0 0 20px 22px;}
.archive-list{display:flex; flex-direction:column; gap:22px;}
.archive-list .card{flex-direction:row; align-items:stretch;}
.archive-list .card .card-media{width:200px; height:auto; flex-shrink:0;}
.archive-list .card .card-body{flex:1;}
.pagination-nav{display:flex; justify-content:space-between; margin-top:36px; padding-top:20px; border-top:1px solid var(--border); font-size:14px;}
.pagination-nav a{font-weight:600; color:var(--signal-dark);}
.no-results{padding:40px 0; color:var(--text-2);}

@media (max-width: 900px){
  .trending-grid{grid-template-columns:1fr;}
  .layout{grid-template-columns:1fr;}
  .sidebar{position:static;}
  .card-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  nav.primary{display:none;}
}
@media (max-width: 560px){
  .card-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr;}
  .archive-list .card{flex-direction:column;}
  .archive-list .card .card-media{width:100%; height:150px;}
}