/*
Theme Name: RM Gold Salt Trading
Theme URI: https://rmgoldsalt.com/
Author: RM Gold Salt Trading
Author URI: https://rmgoldsalt.com/
Description: Premium corporate WordPress theme converted from the RM Gold Salt Trading standalone HTML design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rm-gold-salt
*/


  :root{
    --navy:#0D2645;
    --navy-deep:#071522;
    --navy-soft:#173C68;
    --gold:#C8951A;
    --gold-light:#E7C368;
    --cream:#F8F4EA;
    --sand:#EFE7D3;
    --ink:#1B2430;
    --white:#FFFFFF;
    --line:rgba(13,38,69,0.12);
    --shadow:0 20px 50px -20px rgba(7,21,34,0.35);
    --radius:14px;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Inter', sans-serif;
    color:var(--ink);
    background:var(--cream);
    line-height:1.6;
    overflow-x:hidden;
  }
  img{max-width:100%; display:block;}
  a{color:inherit; text-decoration:none;}
  ul{list-style:none;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 24px;}
  h1,h2,h3,h4{font-family:'Fraunces', serif; font-weight:600; color:var(--navy); line-height:1.15;}
  .eyebrow{
    font-family:'Space Mono', monospace;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--gold);
    font-weight:700;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
  }
  .eyebrow::before{content:""; width:22px; height:1px; background:var(--gold);}
  .section{padding:96px 0;}
  .section-head{max-width:640px; margin-bottom:56px;}
  .section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
  .section-head h2{font-size:clamp(28px,3.6vw,42px); margin-bottom:14px;}
  .section-head p{color:#48546B; font-size:16.5px;}
  .btn{
    display:inline-flex; align-items:center; justify-content:center; gap:10px;
    padding:15px 30px; border-radius:999px; font-weight:700; font-size:14.5px;
    letter-spacing:.02em; cursor:pointer; border:1px solid transparent; transition:all .25s ease;
    white-space:nowrap;
  }
  .btn-gold{background:var(--gold); color:var(--navy-deep);}
  .btn-gold:hover{background:var(--gold-light); transform:translateY(-2px);}
  .btn-outline{border-color:rgba(255,255,255,0.4); color:#fff;}
  .btn-outline:hover{background:rgba(255,255,255,0.1); transform:translateY(-2px);}
  .btn-navy{background:var(--navy); color:#fff;}
  .btn-navy:hover{background:var(--navy-soft); transform:translateY(-2px);}

  /* ===== NAV ===== */
  header{
    position:fixed; top:0; left:0; right:0; z-index:100;
    background:rgba(7,21,34,0.72);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(255,255,255,0.08);
    transition:background .3s ease;
  }
  .nav{display:flex; align-items:center; justify-content:space-between; padding:14px 24px;}
  .logo{display:flex; align-items:center; gap:10px;}
  .logo img{height:42px; width:auto;}
  .logo-text{font-family:'Fraunces',serif; color:#fff; font-size:17px; font-weight:600; line-height:1.15;}
  .logo-text span{display:block; font-family:'Space Mono',monospace; font-size:10px; color:var(--gold-light); letter-spacing:.12em; font-weight:400; margin-top:2px;}
  .nav-links{display:flex; align-items:center; gap:34px;}
  .nav-links a{color:#EAF0F8; font-size:14.5px; font-weight:500; position:relative; padding:4px 0;}
  .nav-links a::after{content:""; position:absolute; left:0; bottom:0; width:0; height:1.5px; background:var(--gold); transition:width .25s ease;}
  .nav-links a:hover::after{width:100%;}
  .nav-cta{display:flex; align-items:center; gap:14px;}
  .nav-cta .btn{padding:11px 22px; font-size:13.5px;}
  .burger{display:none; flex-direction:column; gap:5px; cursor:pointer; z-index:110;}
  .burger span{width:24px; height:2px; background:#fff; transition:.3s;}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    background:radial-gradient(120% 140% at 85% -10%, #1A3F6B 0%, var(--navy) 45%, var(--navy-deep) 100%);
    padding:170px 0 110px;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; inset:0;
    background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:16px 16px;
    opacity:.5;
  }
  .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:60px; align-items:center;
    position:relative; z-index:2;
  }
  .hero h1{color:#fff; font-size:clamp(34px,4.6vw,58px); letter-spacing:-.01em; margin-bottom:22px;}
  .hero h1 em{font-style:normal; color:var(--gold-light);}
  .hero p.lead{color:#C7D3E3; font-size:17.5px; max-width:520px; margin-bottom:16px;}
  .tagline-strip{
    font-family:'Space Mono',monospace; color:var(--gold-light); font-size:13px;
    letter-spacing:.1em; text-transform:uppercase; margin-bottom:34px; display:block;
  }
  .hero-actions{display:flex; gap:16px; flex-wrap:wrap; margin-bottom:44px;}
  .hero-stats{display:flex; gap:34px; flex-wrap:wrap;}
  .hero-stats div b{display:block; font-family:'Fraunces',serif; color:#fff; font-size:26px;}
  .hero-stats div span{font-size:12.5px; color:#93A5BE; text-transform:uppercase; letter-spacing:.06em;}

  .hero-visual{position:relative;}
  .hero-photo{
    border-radius:20px; overflow:hidden; box-shadow:var(--shadow);
    border:1px solid rgba(255,255,255,0.12);
    aspect-ratio:4/4.6; position:relative;
  }
  .hero-photo img{width:100%; height:100%; object-fit:cover;}
  .ticket-card{
    position:absolute; bottom:-30px; left:-40px;
    background:#fff; border-radius:14px; padding:18px 20px;
    box-shadow:0 18px 40px -14px rgba(0,0,0,0.45);
    width:230px; border:1px solid var(--line);
  }
  .ticket-card .t-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed var(--line);}
  .ticket-card .t-head span{font-family:'Space Mono',monospace; font-size:10.5px; letter-spacing:.08em; color:var(--gold); text-transform:uppercase; font-weight:700;}
  .ticket-card .t-row{display:flex; justify-content:space-between; font-size:12.5px; color:#5A6980; margin-bottom:6px;}
  .ticket-card .t-row b{color:var(--navy); font-family:'Space Mono',monospace; font-weight:700;}

  /* ===== TRUST STRIP ===== */
  .trust-strip{background:var(--navy-deep); padding:26px 0; border-bottom:1px solid rgba(255,255,255,0.06);}
  .trust-strip .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px;}
  .trust-item{display:flex; align-items:center; gap:10px; color:#B9C6DA; font-size:13.5px; font-weight:500;}
  .trust-item svg{flex-shrink:0; color:var(--gold-light);}

  /* ===== ABOUT ===== */
  .about-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:64px; align-items:center;}
  .about-photo{position:relative; border-radius:20px; overflow:hidden; box-shadow:var(--shadow); aspect-ratio:1/1.05;}
  .about-photo img{width:100%; height:100%; object-fit:cover;}
  .quote-pill{
    position:absolute; bottom:20px; left:20px; right:20px;
    background:rgba(7,21,34,0.82); backdrop-filter:blur(6px);
    border-radius:12px; padding:16px 18px; color:#fff;
    font-family:'Fraunces',serif; font-style:italic; font-size:15px;
    border:1px solid rgba(255,255,255,0.15);
  }
  .about-copy p{color:#48546B; margin-bottom:16px; font-size:16px;}
  .chip-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:26px;}
  .chip{
    border:1px solid var(--line); background:#fff; border-radius:999px;
    padding:9px 16px; font-size:13px; font-weight:600; color:var(--navy);
    display:flex; align-items:center; gap:8px;
  }
  .chip::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--gold);}

  /* ===== FEATURE GRID (Products) ===== */
  .product-panel{
    background:var(--navy); border-radius:24px; padding:60px 50px;
    display:grid; grid-template-columns:.9fr 1.1fr; gap:50px; align-items:center;
    position:relative; overflow:hidden;
  }
  .product-panel::after{
    content:""; position:absolute; right:-60px; top:-60px; width:260px; height:260px;
    border-radius:50%; background:radial-gradient(circle, rgba(200,149,26,0.25), transparent 70%);
  }
  .product-panel .eyebrow{color:var(--gold-light);}
  .product-panel h2{color:#fff;}
  .product-panel p{color:#B9C6DA; font-size:15.5px; margin-top:14px;}
  .feature-list{display:grid; grid-template-columns:1fr 1fr; gap:16px; position:relative; z-index:2;}
  .feature-item{
    background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1);
    border-radius:14px; padding:20px; transition:.25s ease;
  }
  .feature-item:hover{background:rgba(200,149,26,0.12); border-color:var(--gold); transform:translateY(-3px);}
  .feature-item svg{color:var(--gold-light); margin-bottom:12px;}
  .feature-item h4{color:#fff; font-size:15px; font-family:'Inter',sans-serif; font-weight:600;}

  /* ===== WHY CHOOSE US ===== */
  .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .why-card{
    background:#fff; border:1px solid var(--line); border-radius:var(--radius);
    padding:32px 26px; transition:.25s ease;
  }
  .why-card:hover{transform:translateY(-6px); box-shadow:var(--shadow); border-color:transparent;}
  .why-icon{
    width:52px; height:52px; border-radius:12px; background:var(--sand);
    display:flex; align-items:center; justify-content:center; margin-bottom:20px; color:var(--navy);
  }
  .why-card h4{font-size:18px; margin-bottom:10px;}
  .why-card p{color:#5A6980; font-size:14.5px;}

  /* ===== INDUSTRIES ===== */
  .industries-strip{display:flex; gap:20px; overflow-x:auto; padding-bottom:12px; scroll-snap-type:x mandatory;}
  .industries-strip::-webkit-scrollbar{height:6px;}
  .industries-strip::-webkit-scrollbar-thumb{background:var(--gold); border-radius:6px;}
  .industry-card{
    scroll-snap-align:start; min-width:250px; flex:1;
    background:var(--navy); border-radius:16px; padding:28px 24px; color:#fff; position:relative; overflow:hidden;
  }
  .industry-card b{font-family:'Space Mono',monospace; font-size:11px; color:var(--gold-light); letter-spacing:.1em; text-transform:uppercase;}
  .industry-card h4{color:#fff; margin:10px 0 10px; font-size:19px;}
  .industry-card p{color:#AFC0D8; font-size:13.8px;}

  /* ===== ROUTE / STEP TRACK ===== */
  .route-track{position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:26px;}
  .route-track.five{grid-template-columns:repeat(5,1fr);}
  .route-track::before{
    content:""; position:absolute; top:26px; left:5%; right:5%; height:2px;
    background:repeating-linear-gradient(90deg, var(--gold) 0 10px, transparent 10px 18px);
  }
  .route-node{position:relative; text-align:left;}
  .node-num{
    width:52px; height:52px; border-radius:50%; background:var(--navy); color:var(--gold-light);
    display:flex; align-items:center; justify-content:center; font-family:'Space Mono',monospace;
    font-weight:700; font-size:16px; margin-bottom:22px; position:relative; z-index:2;
    border:3px solid var(--cream);
  }
  .route-node h4{font-size:16px; margin-bottom:8px;}
  .route-node p{color:#5A6980; font-size:14px;}

  /* ===== TESTIMONIALS ===== */
  .testi-wrap{position:relative;}
  .testi-track{display:flex; gap:22px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px;}
  .testi-track::-webkit-scrollbar{display:none;}
  .testi-card{
    scroll-snap-align:start; min-width:340px; max-width:340px; background:#fff;
    border:1px solid var(--line); border-radius:18px; padding:30px; flex-shrink:0;
  }
  .testi-quote{font-family:'Fraunces',serif; font-size:15.5px; color:var(--navy); font-style:italic; margin-bottom:22px; min-height:130px;}
  .testi-person{display:flex; align-items:center; gap:12px;}
  .testi-person img{width:44px; height:44px; border-radius:50%; object-fit:cover;}
  .testi-person b{display:block; font-size:14px; color:var(--navy);}
  .testi-person span{font-size:12.5px; color:var(--gold); font-weight:600;}
  .testi-controls{display:flex; gap:10px; justify-content:center; margin-top:28px;}
  .testi-controls button{
    width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:#fff;
    cursor:pointer; display:flex; align-items:center; justify-content:center; color:var(--navy); transition:.2s;
  }
  .testi-controls button:hover{background:var(--navy); color:#fff; border-color:var(--navy);}

  /* ===== PAYMENT ===== */
  .pay-grid{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
  .pay-card{
    background:#fff; border:1px solid var(--line); border-radius:18px; padding:30px; position:relative;
  }
  .pay-card.bank{background:var(--navy); color:#fff; border:none;}
  .pay-card.bank .pay-row span{color:#93A5BE;}
  .pay-card.bank .pay-row b{color:#fff;}
  .pay-badge{
    display:inline-flex; align-items:center; gap:8px; background:var(--sand); color:var(--navy);
    padding:6px 14px; border-radius:999px; font-size:11.5px; font-weight:700; letter-spacing:.04em;
    text-transform:uppercase; margin-bottom:18px;
  }
  .pay-card.bank .pay-badge{background:rgba(200,149,26,0.18); color:var(--gold-light);}
  .pay-row{display:flex; justify-content:space-between; padding:12px 0; border-bottom:1px dashed var(--line); font-size:14px;}
  .pay-card.bank .pay-row{border-color:rgba(255,255,255,0.14);}
  .pay-row:last-child{border-bottom:none;}
  .pay-row span{color:#5A6980;}
  .pay-row b{color:var(--navy); font-family:'Space Mono',monospace;}
  .pay-note{
    margin-top:18px; font-size:12.5px; color:#93A5BE; background:rgba(255,255,255,0.06);
    padding:12px 14px; border-radius:10px; border:1px solid rgba(255,255,255,0.1);
  }
  .pay-terms{display:flex; gap:10px; margin-top:16px;}
  .pay-terms div{flex:1; background:var(--cream); border-radius:10px; padding:12px; text-align:center;}
  .pay-terms b{display:block; font-family:'Fraunces',serif; font-size:20px; color:var(--navy);}
  .pay-terms span{font-size:11px; color:#5A6980; text-transform:uppercase; letter-spacing:.04em;}

  /* ===== CONTACT ===== */
  .contact-panel{
    display:grid; grid-template-columns:1fr 1fr; gap:0; border-radius:22px; overflow:hidden; box-shadow:var(--shadow);
  }
  .contact-info{background:var(--navy); color:#fff; padding:54px 48px;}
  .contact-info h2{color:#fff;}
  .contact-info p{color:#AFC0D8; margin:14px 0 30px; font-size:15px;}
  .contact-list li{display:flex; align-items:center; gap:14px; padding:14px 0; border-bottom:1px solid rgba(255,255,255,0.1); font-size:14.5px;}
  .contact-list li svg{color:var(--gold-light); flex-shrink:0;}
  .contact-map{min-height:340px;}
  .contact-map iframe{width:100%; height:100%; min-height:340px; border:0;}

  /* ===== FOOTER ===== */
  footer{background:var(--navy-deep); color:#93A5BE; padding:70px 0 0;}
  .footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr 1.1fr; gap:40px; padding-bottom:50px; border-bottom:1px solid rgba(255,255,255,0.08);}
  .footer-brand img{height:38px; margin-bottom:16px;}
  .footer-brand p{font-size:13.5px; line-height:1.7; max-width:280px;}
  footer h5{color:#fff; font-family:'Inter',sans-serif; font-size:13.5px; letter-spacing:.04em; text-transform:uppercase; margin-bottom:18px;}
  footer ul li{margin-bottom:11px; font-size:14px;}
  footer ul li a:hover{color:var(--gold-light);}
  .social-row{display:flex; gap:10px; margin-top:18px;}
  .social-row a{
    width:36px; height:36px; border-radius:50%; border:1px solid rgba(255,255,255,0.15);
    display:flex; align-items:center; justify-content:center; transition:.2s;
  }
  .social-row a:hover{background:var(--gold); border-color:var(--gold); color:var(--navy-deep);}
  .footer-bottom{padding:24px 0; text-align:center; font-size:12.5px; color:#5A6980;}

  .reveal{opacity:0; transform:translateY(24px); transition:opacity .7s ease, transform .7s ease;}
  .reveal.in{opacity:1; transform:none;}

  /* ===== RESPONSIVE ===== */
  @media (max-width:980px){
    .hero-grid{grid-template-columns:1fr;}
    .hero-visual{order:-1; max-width:340px; margin:0 auto 20px;}
    .about-grid{grid-template-columns:1fr;}
    .product-panel{grid-template-columns:1fr; padding:40px 26px;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .route-track{grid-template-columns:repeat(2,1fr); row-gap:40px;}
    .route-track.five{grid-template-columns:repeat(2,1fr);}
    .route-track::before{display:none;}
    .pay-grid{grid-template-columns:1fr;}
    .contact-panel{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr 1fr;}
  }
  @media (max-width:720px){
    .nav-links{
      position:fixed; top:0; right:0; height:100vh; width:78%; max-width:320px;
      background:var(--navy-deep); flex-direction:column; align-items:flex-start;
      padding:100px 30px 30px; gap:26px; transform:translateX(100%); transition:transform .35s ease;
      border-left:1px solid rgba(255,255,255,0.08);
    }
    .nav-links.open{transform:translateX(0);}
    .nav-cta .btn-outline{display:none;}
    .burger{display:flex;}
    .section{padding:64px 0;}
    .hero{padding:130px 0 70px;}
    .why-grid{grid-template-columns:1fr;}
    .footer-grid{grid-template-columns:1fr; text-align:left;}
    .hero-stats{gap:24px;}
    .ticket-card{position:static; margin-top:-40px; width:calc(100% - 20px); margin-left:10px;}
  }