/*
Theme Name: Tumeric-Nusantara-04
Theme URI: https://turmericnusantara.com/
Author: Your Name
Author URI: https://turmericnusantara.com/
Description: Production-ready WordPress theme converted from a React landing page for Tumeric Nusantara.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tumeric-nusantara-04
Tags: custom-menu, featured-images, one-column, two-columns, blog
*/

:root{
  --primary:#f2b90d;
  --bg-light:#f8f8f5;
  --bg-dark:#221e10;
  --text:#0f172a; /* slate-900 */
  --muted:#475569; /* slate-600 */
  --muted-2:#64748b; /* slate-500 */
  --border: rgba(242,185,13,.20);
  --card-border: #e2e8f0;
  --white:#ffffff;
  --black:#0b1220;
  --radius-lg: .75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow-md: 0 10px 25px rgba(15, 23, 42, .12);
  --shadow-lg: 0 25px 50px rgba(15, 23, 42, .18);
  --container: 1120px;
}

html{scroll-behavior:smooth;}

body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--bg-light);
  color: var(--text);
  line-height: 1.55;
}

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

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

a:hover{color:var(--primary);}

/* WordPress core alignment helpers */
.alignwide{max-width:1200px; margin-left:auto; margin-right:auto;}
.alignfull{width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}

/* Layout */
.tn-container{max-width:var(--container); margin:0 auto; padding:0 24px;}
@media (min-width: 1024px){
  .tn-container{padding:0 80px;}
}

.tn-main{min-height: 60vh;}

/* Header / Nav */
.tn-header{
  position:sticky;
  top:0;
  z-index:50;
  background: rgba(248,248,245,.80);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(242,185,13,.10);
}

.tn-header-inner{display:flex; align-items:center; justify-content:space-between; padding: 16px 0;}

.tn-brand{display:flex; align-items:center; gap:12px; font-weight: 800; letter-spacing:-.02em;}
.tn-logo{
  width:32px; height:32px;
  border-radius: 10px;
  background: var(--primary);
  display:flex; align-items:center; justify-content:center;
  color: var(--bg-dark);
  flex: 0 0 auto;
}
.tn-logo svg{width:20px;height:20px; fill: currentColor;}

.tn-nav{display:none; align-items:center; gap:28px;}
.tn-nav a{font-size:14px; font-weight: 600; color: rgba(15,23,42,.85);}
.tn-nav a:hover{color: var(--primary);}

.tn-actions{display:flex; align-items:center; gap:12px;}

.tn-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  border:0;
  border-radius: 14px;
  padding: 14px 18px;
  font-weight: 800;
  cursor:pointer;
  transition: transform .08s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.tn-btn:active{transform: scale(.98);}
.tn-btn-primary{background: var(--primary); color: var(--bg-dark);}
.tn-btn-primary:hover{box-shadow: var(--shadow-md);}
.tn-btn-secondary{background: #e2e8f0; color: var(--text);}
.tn-btn-secondary:hover{background:#cbd5e1;}

.tn-cta{display:none;}

.tn-menu-toggle{background:transparent; border:0; padding:8px; cursor:pointer; border-radius: 10px;}
.tn-menu-toggle svg{width:22px;height:22px;}

.tn-mobile-nav{
  display:none;
  border-top: 1px solid #e2e8f0;
  background: #fff;
  box-shadow: var(--shadow-md);
}
.tn-mobile-nav.is-open{display:block;}
.tn-mobile-nav-inner{padding:18px 0; display:flex; flex-direction:column; gap:12px;}
.tn-mobile-nav a{font-size:18px; font-weight: 700; padding:10px 0;}

@media (min-width: 1024px){
  .tn-nav{display:flex;}
  .tn-menu-toggle{display:none;}
  .tn-cta{display:inline-flex;}
}

@media (min-width: 640px){
  .tn-cta{display:inline-flex;}
}

/* Sections */
.tn-section{padding: 72px 0;}
@media (min-width: 1024px){
  .tn-section{padding: 96px 0;}
}

.tn-section-white{background: #fff;}
.tn-section-dark{background: #0b1220; color: #fff;}

.tn-eyebrow{display:inline-flex; align-items:center; gap:10px; font-weight: 800; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--primary);}
.tn-eyebrow span{height:1px; width:32px; background: var(--primary);}

.tn-h1{font-weight: 900; letter-spacing:-.03em; line-height: 1.08; font-size: 44px; margin: 0;}
@media (min-width: 1024px){ .tn-h1{font-size: 72px;} }

.tn-h2{font-weight: 900; letter-spacing:-.02em; margin:0 0 10px; font-size: 34px;}

.tn-lead{font-size: 18px; color: var(--muted); max-width: 560px; margin: 0;}

.tn-grid-2{display:grid; grid-template-columns: 1fr; gap: 40px; align-items:center;}
@media (min-width: 1024px){ .tn-grid-2{grid-template-columns: 1.1fr .9fr; gap: 48px;} }

.tn-hero-actions{display:flex; flex-wrap: wrap; gap: 12px; margin-top: 18px;}

.tn-badges{display:flex; flex-wrap:wrap; gap: 10px; margin-top: 18px;}
.tn-badge{display:flex; align-items:center; gap:10px; background: rgba(242,185,13,.10); border: 1px solid rgba(242,185,13,.20); padding: 8px 14px; border-radius: 999px; font-size: 13px; font-weight: 700;}
.tn-badge svg{width:16px;height:16px; color: var(--primary);} 

.tn-media{
  position:relative;
  border-radius: 24px;
  overflow:hidden;
  background: #e2e8f0;
  box-shadow: var(--shadow-lg);
}
.tn-media img{width:100%; height:100%; object-fit: cover; aspect-ratio: 1 / 1;}

.tn-float-card{
  position:absolute;
  left:-18px;
  bottom:-18px;
  background:#fff;
  color: var(--text);
  border: 1px solid rgba(242,185,13,.20);
  border-radius: 18px;
  padding: 16px;
  display:flex; align-items:center; gap:12px;
  box-shadow: var(--shadow-md);
  transform: rotate(-3deg);
}
.tn-float-icon{width:44px;height:44px; border-radius: 999px; background: var(--primary); display:flex; align-items:center; justify-content:center; color: var(--bg-dark);} 
.tn-float-icon svg{width:22px;height:22px;}
.tn-float-card p{margin:0;}
.tn-float-title{font-size: 13px; font-weight: 800;}
.tn-float-sub{font-size: 12px; color: #64748b;}

/* About */
.tn-about-grid{display:grid; grid-template-columns: 1fr; gap: 34px;}
@media (min-width: 1024px){ .tn-about-grid{grid-template-columns: 1fr 2fr; gap: 56px;} }

.tn-quote{
  background: rgba(242,185,13,.05);
  border-left: 4px solid var(--primary);
  padding: 22px;
  border-radius: 18px;
}
.tn-quote em{font-size: 20px; font-weight: 600; color:#1f2937;}
.tn-quote small{display:block; margin-top: 10px; color: #64748b; font-size: 13px;}

.tn-cards{display:grid; grid-template-columns: 1fr; gap: 14px;}
@media (min-width: 768px){ .tn-cards{grid-template-columns: 1fr 1fr;} }

.tn-card{
  border: 1px solid var(--card-border);
  border-radius: 18px;
  background: #fff;
  padding: 22px;
  box-shadow: var(--shadow-sm);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.tn-card:hover{border-color: rgba(242,185,13,.55); box-shadow: var(--shadow-md); transform: translateY(-2px);}
.tn-card h3{margin: 10px 0 6px; font-size: 18px;}
.tn-card p{margin:0; font-size: 13px; color: var(--muted-2);} 
.tn-card .tn-icon{width:32px;height:32px; color: var(--primary);} 

/* Product catalog */
.tn-section-title{max-width: 720px; margin: 0 auto 44px; text-align:center;}
.tn-section-title p{margin:0; color: var(--muted-2);} 

.tn-product-grid{display:grid; grid-template-columns: 1fr; gap: 16px;}
@media (min-width: 768px){ .tn-product-grid{grid-template-columns: 1fr 1fr;} }
@media (min-width: 1024px){ .tn-product-grid{grid-template-columns: repeat(4, 1fr);} }

.tn-product{
  background:#fff;
  border:1px solid #f1f5f9;
  border-radius: 18px;
  overflow:hidden;
  box-shadow: var(--shadow-sm);
  display:flex;
  flex-direction:column;
  transition: transform .2s ease, box-shadow .2s ease;
}
.tn-product:hover{transform: translateY(-2px); box-shadow: var(--shadow-md);} 
.tn-product-media{background:#f1f5f9; overflow:hidden;}
.tn-product-media img{aspect-ratio: 1/1; width:100%; object-fit:cover; transition: transform .5s ease;}
.tn-product:hover .tn-product-media img{transform: scale(1.05);} 
.tn-product-body{padding: 18px; flex: 1;}
.tn-product-body h3{margin:0 0 12px; font-size: 16px;}
.tn-specs{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap: 10px; color: var(--muted-2); font-size: 13px;}
.tn-specs li{display:flex; gap:10px; align-items:flex-start;}
.tn-dot{color: var(--primary); font-weight: 900;}

.tn-table-wrap{margin-top: 56px; border: 1px solid var(--card-border); border-radius: 18px; overflow:hidden; box-shadow: var(--shadow-sm);} 
.tn-table-head{background:#0b1220; color:#fff; padding: 12px 16px; font-weight: 800;} 
.tn-table{width:100%; border-collapse: collapse; font-size: 14px;}
.tn-table thead th{background:#f8fafc; border-bottom: 1px solid var(--card-border); padding: 14px 16px; text-align:left;}
.tn-table tbody td{border-top: 1px solid #f1f5f9; padding: 14px 16px; color:#334155;}
.tn-table tbody tr:nth-child(even){background: rgba(248,250,252,.8);} 
.tn-table tbody tr:hover{background: rgba(242,185,13,.06);} 

.tn-center{display:flex; justify-content:center; margin-top: 34px;}

/* Social */
.tn-dark-grid{display:grid; grid-template-columns:1fr; gap: 40px; align-items:center;}
@media (min-width: 1024px){ .tn-dark-grid{grid-template-columns: 1.05fr .95fr; gap: 56px;} }
.tn-dark p{color: rgba(226,232,240,.72);} 
.tn-stats{display:grid; grid-template-columns:1fr 1fr; gap: 24px; padding-top: 18px; margin-top: 18px; border-top: 1px solid rgba(255,255,255,.10);} 
.tn-stat strong{display:block; font-size: 42px; color: var(--primary);} 
.tn-stat span{display:block; margin-top: 6px; font-size: 12px; letter-spacing:.12em; text-transform: uppercase; color: rgba(148,163,184,.7); font-weight: 800;} 
.tn-dark-media{border-radius: 24px; overflow:hidden; box-shadow: var(--shadow-lg);} 
.tn-dark-media img{width:100%; aspect-ratio: 4/5; object-fit: cover;} 

/* FAQ */
.tn-faq{max-width: 840px; margin: 0 auto;}
.tn-accordion-item{background:#fff; border: 1px solid #f1f5f9; border-radius: 18px; overflow:hidden;}
.tn-accordion-btn{width:100%; text-align:left; background:transparent; border:0; display:flex; justify-content:space-between; align-items:center; gap: 12px; padding: 18px; cursor:pointer; font-weight: 900; font-size: 16px;}
.tn-accordion-icon{width: 18px; height: 18px; transition: transform .2s ease;}
.tn-accordion-item.is-open .tn-accordion-icon{transform: rotate(180deg);} 
.tn-accordion-panel{max-height: 0; overflow:hidden; transition: max-height .25s ease;}
.tn-accordion-content{padding: 0 18px 18px; color: var(--muted);} 

/* Contact */
.tn-contact-grid{display:grid; grid-template-columns: 1fr; gap: 42px;}
@media (min-width: 1024px){ .tn-contact-grid{grid-template-columns: 1fr 1fr; gap: 64px;} }

.tn-info-item{display:flex; align-items:flex-start; gap: 14px;}
.tn-info-icon{width:40px;height:40px; border-radius: 12px; background: rgba(242,185,13,.10); display:flex; align-items:center; justify-content:center; color: var(--primary);} 
.tn-info-icon svg{width:20px;height:20px;} 
.tn-info-item p{margin:0;}

.tn-form-card{background: rgba(248,248,245,1); border: 1px solid rgba(242,185,13,.10); border-radius: 24px; padding: 22px; box-shadow: var(--shadow-md);} 
@media (min-width: 1024px){ .tn-form-card{padding: 34px;} }

.tn-form{display:grid; grid-template-columns:1fr; gap: 14px;}
@media (min-width: 768px){ .tn-form{grid-template-columns:1fr 1fr;} }

.tn-field{display:flex; flex-direction:column; gap: 6px;}
.tn-field label{font-size: 12px; font-weight: 900; letter-spacing: .02em;}
.tn-input,
.tn-select,
.tn-textarea{
  border: 1px solid #e2e8f0;
  background:#fff;
  border-radius: 12px;
  padding: 12px 12px;
  outline:none;
  font-size: 14px;
  transition: box-shadow .15s ease, border-color .15s ease;
}
.tn-input:focus,
.tn-select:focus,
.tn-textarea:focus{border-color: rgba(242,185,13,.8); box-shadow: 0 0 0 4px rgba(242,185,13,.18);} 

.tn-span-2{grid-column: 1 / -1;}

/* Footer */
.tn-footer{background:#0b1220; color:#fff; border-top: 1px solid rgba(255,255,255,.10);} 
.tn-footer-inner{padding: 56px 0;}
.tn-footer-grid{display:grid; grid-template-columns:1fr; gap: 26px; margin-bottom: 34px;}
@media (min-width: 768px){ .tn-footer-grid{grid-template-columns: 2fr 1fr 1fr; gap: 42px;} }

.tn-footer p{color: rgba(226,232,240,.72);} 
.tn-footer h4{margin: 0 0 14px; font-weight: 900;} 
.tn-footer ul{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap: 10px; color: rgba(226,232,240,.72); font-size: 14px;} 
.tn-footer-bottom{padding: 16px 0; border-top: 1px solid rgba(255,255,255,.10); display:flex; flex-direction:column; gap: 14px; align-items:center; justify-content:space-between; color: rgba(148,163,184,.75); font-size: 12px;} 
@media (min-width: 768px){ .tn-footer-bottom{flex-direction:row;} }

/* Utilities */
.tn-sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}


/* No-inline-style helpers */
.tn-highlight{color: var(--primary);} 
.tn-footer-brand{margin-bottom: 14px;} 
.tn-post-card{background:#fff; border:1px solid #e2e8f0; border-radius: 18px; padding: 22px; box-shadow: var(--shadow-sm); margin-bottom: 18px;} 
.tn-post-card h1{margin:0 0 10px; font-weight: 900; letter-spacing:-.02em;} 
.tn-post-card .entry-content{color: var(--muted);} 
.tn-page-wrap{max-width: 900px; margin: 0 auto;} 
.tn-page-title{margin-bottom: 18px;} 
.tn-meta{margin:0; color: var(--muted-2); font-size: 13px;} 
.tn-faq-sent{border-color: rgba(242,185,13,.5);} 
.tn-faq-sent-inner{padding: 14px 18px; font-weight: 800;} 
.tn-spacer-12{height: 12px;} 
.tn-faq-intro{padding: 0; margin-bottom: 18px; color: var(--muted);} 
.tn-contact-lead{color: var(--muted); font-size: 18px;} 
.tn-contact-list{display:flex; flex-direction:column; gap: 18px; margin-top: 26px;} 
.tn-info-title{margin:0; font-weight: 900;} 
.tn-info-sub{margin:0; color: var(--muted-2);} 
.tn-btn-block{width:100%; padding: 16px 18px;} 
.tn-social-title{color:#fff;} 
.tn-about-text{color: var(--muted); margin-top: 0;} 
.tn-overflow-x{overflow-x:auto;} 
.tn-center-title{text-align:center; margin-bottom: 34px;}

/* CTA bar */
.tn-section.tn-cta-bar{background-color: var(--primary); color: var(--bg-dark); width: 100%;}
.tn-section.tn-cta-bar-dark{background-color: var(--black); color: #fff; width: 100%;}
.tn-cta-bar-inner{display: grid; grid-template-columns: 7fr 3fr; gap: 24px; align-items: center; padding: 40px 0;}
@media (max-width: 639px){ .tn-cta-bar-inner{grid-template-columns: 1fr; gap: 20px; padding: 32px 0;} }
.tn-cta-bar h3{margin: 0 0 8px; font-weight: 900; letter-spacing: -.02em; font-size: 24px;}
@media (min-width: 768px){ .tn-cta-bar h3{font-size: 28px;} }
.tn-cta-bar p{margin: 0; font-size: 15px; opacity: .9;}
.tn-cta-bar-dark p{color: rgba(226,232,240,.85);}
.tn-cta-bar .tn-btn-primary{background: var(--bg-dark); color: var(--primary);}
.tn-cta-bar .tn-btn-primary:hover{background: #1a2332; color: var(--primary); box-shadow: var(--shadow-md);}
.tn-cta-bar-dark .tn-btn-primary{background: var(--primary); color: var(--bg-dark);}
.tn-cta-bar-dark .tn-btn-primary:hover{box-shadow: var(--shadow-md);}