/*
Theme Name: Rifat Enterprise
Theme URI: https://example.com/
Author: Rifat Enterprise
Author URI: https://example.com/
Description: Custom responsive WordPress theme converted from the Rifat Enterprise HTML website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: rifat-enterprise
License: GPL-2.0-or-later
*/

:root{
      --navy:#08275f;
      --blue:#1458c8;
      --red:#d82020;
      --green:#16a34a;
      --text:#172033;
      --muted:#64748b;
      --light:#f5f8fc;
      --white:#fff;
      --border:#e5eaf2;
      --shadow:0 12px 35px rgba(8,39,95,.10);
      --radius:16px;
    }
    *{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
    a{text-decoration:none;color:inherit}
    img{max-width:100%;display:block}
    .container{width:min(1180px,92%);margin:auto}

    /* Top bar */
    .topbar{background:var(--navy);color:#fff;font-size:14px}
    .topbar .container{display:flex;justify-content:space-between;gap:20px;padding:9px 0;flex-wrap:wrap}
    .top-item{display:flex;align-items:center;gap:8px}

    /* Header */
    header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 2px 12px rgba(0,0,0,.04)}
    .nav{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}
    .brand{display:flex;align-items:center;gap:12px}
    .brand-mark{width:54px;height:54px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:31px;font-weight:900;font-style:italic}
    .brand-text strong{display:block;color:var(--navy);font-size:30px;line-height:1;font-weight:900;letter-spacing:1px}
    .brand-text span{display:block;color:var(--red);font-size:21px;font-weight:800;letter-spacing:.5px}
    .brand-text small{display:block;font-size:11px;color:#334155;margin-top:2px}
    .nav-links{display:flex;align-items:center;gap:7px;list-style:none}
    .nav-links a{display:block;padding:12px 14px;font-size:14px;font-weight:700;border-radius:8px}
    .nav-links a:hover,.nav-links a.active{background:var(--navy);color:#fff}
    .menu-btn{display:none;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:10px 13px;font-size:20px}

    /* Hero */
    .hero{background:linear-gradient(110deg,#f7faff 0%,#fff 58%,#eef5ff 100%);padding:72px 0 55px;overflow:hidden}
    .hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px}
    .eyebrow{font-size:18px;font-weight:800;color:#1e293b;letter-spacing:.5px}
    .hero h1{font-size:clamp(40px,5vw,68px);line-height:1.02;margin:10px 0 20px;color:var(--navy);font-weight:900}
    .hero h1 .red{color:var(--red)}
    .hero p{font-size:18px;color:#475569;max-width:600px}
    .buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:9px;font-weight:800;border:2px solid transparent;cursor:pointer}
    .btn-primary{background:var(--navy);color:#fff}
    .btn-primary:hover{background:#061d48}
    .btn-green{background:var(--green);color:#fff}
    .btn-outline{border-color:var(--navy);color:var(--navy);background:#fff}
    .hero-art{background:#fff;border-radius:28px;min-height:390px;box-shadow:var(--shadow);display:grid;place-items:center;padding:30px;position:relative;overflow:hidden}
    .product-scene{width:100%;height:320px;position:relative}
    .laptop{position:absolute;left:8%;top:8%;width:48%;height:42%;background:#182334;border-radius:14px 14px 5px 5px;transform:skew(-4deg);box-shadow:0 15px 25px #0002}
    .screen{position:absolute;inset:9px;background:linear-gradient(135deg,#cfe6ff,#4d8ee8);border-radius:8px}
    .keyboard{position:absolute;left:15%;top:50%;width:42%;height:10%;background:#303846;border-radius:4px;box-shadow:0 8px 12px #0002}
    .printer{position:absolute;right:5%;top:30%;width:39%;height:30%;background:#202a38;border-radius:12px;box-shadow:0 14px 25px #0003}
    .printer:after{content:"";position:absolute;left:16%;right:16%;bottom:-24px;height:35px;background:#fff;border:1px solid #ddd;transform:rotate(2deg)}
    .paper-box{position:absolute;right:3%;top:3%;width:30%;height:22%;background:#1769c2;color:#fff;border-radius:7px;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 10px 20px #0002}
    .folders{position:absolute;right:3%;bottom:4%;display:flex;gap:6px;align-items:end}
    .folder{width:44px;height:120px;border-radius:5px 5px 3px 3px;background:#d82424}
    .folder:nth-child(2){background:#1474c4;height:105px}
    .folder:nth-child(3){background:#16834a;height:115px}
    .pens{position:absolute;left:8%;bottom:6%;width:100px;height:95px;background:repeating-linear-gradient(80deg,#1b5fb9 0 7px,#fff 7px 13px,#e31d2b 13px 20px);border-radius:9px;transform:rotate(-8deg);opacity:.9}

    /* Trust strip */
    .trust{margin-top:-1px;background:var(--navy);color:#fff}
    .trust-grid{display:grid;grid-template-columns:repeat(5,1fr)}
    .trust-item{padding:18px 14px;border-right:1px solid rgba(255,255,255,.22);text-align:center}
    .trust-item:last-child{border-right:0}
    .trust-item strong{display:block;font-size:13px}
    .trust-item span{font-size:11px;opacity:.8}

    /* Sections */
    section{padding:75px 0}
    .section-head{text-align:center;margin-bottom:38px}
    .section-head .tag{font-weight:900;color:var(--blue);font-size:14px;letter-spacing:1.5px;text-transform:uppercase}
    .section-head h2{font-size:38px;color:var(--navy);margin:5px 0 10px}
    .section-head p{color:var(--muted);max-width:680px;margin:auto}

    /* Products */
    .products{background:#f8fafc}
    .product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}
    .card{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(8,39,95,.05)}
    .product-icon{height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#f5f8ff,#fff);font-size:55px}
    .card-body{padding:16px}
    .card h3{font-size:16px;color:var(--navy);margin-bottom:6px}
    .card p{font-size:13px;color:var(--muted)}
    .center{text-align:center;margin-top:30px}


    .service-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
    .service-category{background:#fff;border:1.5px solid #183b8f;border-radius:16px;padding:30px 28px 25px;position:relative;box-shadow:0 8px 22px rgba(8,39,95,.06)}
    .category-icon{width:68px;height:68px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:31px;margin:-58px auto 18px;border:7px solid #fff;box-shadow:0 0 0 1px #183b8f}
    .service-category h3{background:var(--navy);color:#fff;text-align:center;border-radius:7px;padding:10px 8px;font-size:19px;margin-bottom:20px}
    .category-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}
    .category-list ul{padding-left:20px}
    .category-list li{margin:8px 0;font-size:14px;color:#1f2937}
    .category-list li::marker{color:var(--navy)}

    /* About */
    .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
    .about-box{background:linear-gradient(135deg,var(--navy),#0e4ba7);color:#fff;border-radius:22px;padding:42px;min-height:330px;display:flex;flex-direction:column;justify-content:center}
    .about-box .logo-big{font-size:55px;font-weight:900;font-style:italic}
    .about-copy h2{font-size:38px;color:var(--navy);margin:8px 0 16px}
    .about-copy p{color:#526176;margin-bottom:15px}
    .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}
    .stat{border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center;background:#fff}
    .stat strong{display:block;color:var(--navy);font-size:25px}
    .stat span{font-size:11px;color:var(--muted)}

    /* Services */
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .service{padding:28px;border:1px solid var(--border);border-radius:16px;background:#fff;transition:.2s}
    .service:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
    .service-icon{width:52px;height:52px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:25px;margin-bottom:17px}
    .service h3{color:var(--navy);margin-bottom:7px}
    .service p{color:var(--muted);font-size:14px}

    /* Quote */
    .quote{background:#f8fafc}
    .quote-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:start}
    .quote-info{background:var(--navy);color:#fff;border-radius:20px;padding:35px}
    .quote-info h2{font-size:32px;margin-bottom:12px}
    .quote-info p{opacity:.85}
    .quote-info ul{margin-top:22px;padding-left:20px}
    .quote-form{background:#fff;border:1px solid var(--border);border-radius:20px;padding:30px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .field{display:flex;flex-direction:column;gap:6px}
    .field.full{grid-column:1/-1}
    .field label{font-size:13px;font-weight:800;color:#334155}
    .field input,.field textarea,.field select{width:100%;padding:12px 13px;border:1px solid #d7dee9;border-radius:8px;font:inherit;outline:none}
    .field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1458c81a}
    .field textarea{min-height:125px;resize:vertical}

    /* Contact */
    .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
    .contact-card{border:1px solid var(--border);border-radius:18px;padding:30px}
    .contact-row{display:flex;gap:15px;margin:20px 0}
    .contact-row .icon{width:44px;height:44px;flex:0 0 44px;border-radius:10px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center}
    .contact-row strong{display:block;color:var(--navy)}
    .contact-row span{font-size:14px;color:var(--muted)}
    .map-box{min-height:100%;border-radius:18px;background:linear-gradient(135deg,#eaf2ff,#f8fafc);display:grid;place-items:center;color:var(--navy);font-weight:900;text-align:center;padding:30px}

    /* Footer */
    footer{background:#061b43;color:#dbe7ff;padding:45px 0 20px}
    .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}
    footer h3{color:#fff;margin-bottom:14px}
    footer p,footer li{font-size:14px;color:#b9c8e3}
    footer ul{list-style:none}
    footer li{margin:8px 0}
    .copyright{border-top:1px solid #ffffff22;margin-top:30px;padding-top:18px;text-align:center;font-size:12px;color:#9eb1d2}

    /* Mobile */
    @media(max-width:1000px){
      .product-grid{grid-template-columns:repeat(3,1fr)}
      .nav-links{display:none;position:absolute;left:4%;right:4%;top:80px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}
      .nav-links.open{display:flex}
      .menu-btn{display:block}
    }
    @media(max-width:800px){
      .hero-grid,.about-grid,.quote-grid,.contact-grid{grid-template-columns:1fr}
      .trust-grid{grid-template-columns:repeat(2,1fr)}
      .trust-item{border-bottom:1px solid rgba(255,255,255,.22)}
      .service-grid{grid-template-columns:1fr 1fr}
      .stats{grid-template-columns:repeat(2,1fr)}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:560px){
      .topbar .container{font-size:11px}
      .brand-logo{width:70px;height:70px}.brand-wordmark strong{font-size:30px}.brand-wordmark span{font-size:20px}.brand-wordmark small{font-size:7px}
      .brand-text span{font-size:16px}
      .brand-text small{font-size:9px}
      .brand-mark{width:44px;height:44px;font-size:25px}
      .hero{padding:48px 0}
      .hero h1{font-size:40px}
      .hero p{font-size:15px}
      .product-grid,.service-grid,.service-category-grid{grid-template-columns:1fr 1fr}
      .form-grid{grid-template-columns:1fr}
      .field.full{grid-column:auto}
      .footer-grid{grid-template-columns:1fr}
      section{padding:55px 0}
      .section-head h2,.about-copy h2{font-size:30px}
    }