/* Theme Name: Deebtex Theme URI: https://deebtex.com Author: Deebtex Description: Custom theme for Deebtex — Elegance of Upholstery, since 1969. Built for the fabric catalog, bilingual EN/AR support (via Polylang), and B2B sample/quote requests. Version: 1.0.0 Text Domain: deebtex */ :root{ --burgundy:#2A0F13; --burgundy-deep:#1C0A0D; --gold:#C9A961; --gold-soft:#E4D2A0; --ivory:#F5EFE2; --charcoal:#211A16; --teal:#4A5D45; --white:#FFFFFF; } *{box-sizing:border-box;margin:0;padding:0;} html{scroll-behavior:smooth;} body{ font-family:'Inter',sans-serif; color:var(--charcoal); background:var(--ivory); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden; } h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;line-height:1.15;letter-spacing:-0.01em;} a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} .wrap{max-width:1180px;margin:0 auto;padding:0 32px;} button{font-family:'Inter',sans-serif;cursor:pointer;} /* signature stitched-seam divider */ .seam{display:flex;align-items:center;gap:10px;margin:0 0 16px 0;} .seam::before{content:"";width:38px;height:1px;background-image:repeating-linear-gradient(90deg,var(--gold) 0 6px, transparent 6px 11px);} .seam span{font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#8f7434;font-weight:600;} .seam.on-dark span{color:var(--gold);} [dir="rtl"] .seam::before{background-image:repeating-linear-gradient(270deg,var(--gold) 0 6px, transparent 6px 11px);} /* header / nav */ .site-header{position:sticky;top:0;z-index:50;background:var(--burgundy);border-bottom:1px solid rgba(201,169,97,0.25);} .site-nav{display:flex;align-items:center;justify-content:space-between;height:76px;} .site-logo{display:flex;align-items:center;gap:10px;font-family:'Fraunces',serif;font-size:20px;color:var(--ivory);} .site-logo img,.site-logo .custom-logo{max-height:40px;width:auto;} .footer-logo img,.footer-logo .custom-logo{max-height:32px;width:auto;} .site-logo em{font-style:normal;color:var(--gold);} .nav-menu{display:flex;gap:34px;font-size:14px;list-style:none;} .nav-menu a{color:rgba(245,239,226,0.85);transition:color .15s;} .nav-menu a:hover,.nav-menu .current-menu-item a{color:var(--gold);} .lang-switcher{display:flex;gap:0;border:1px solid rgba(201,169,97,0.4);border-radius:20px;overflow:hidden;font-size:12px;} .lang-switcher a{padding:6px 13px;color:rgba(245,239,226,0.6);} .lang-switcher a.active{background:var(--gold);color:var(--burgundy-deep);font-weight:600;} /* Polylang outputs a

; flatten it to match the pill design above */ .lang-switcher ul{list-style:none;display:flex;margin:0;padding:0;} .lang-switcher li{margin:0;} .lang-switcher .pll-parent-menu-item{display:none;} /* --------------------------------------------------- * RTL / Arabic overrides * Applied automatically when Polylang switches the * site to Arabic (adds dir="rtl" to via * language_attributes()). * --------------------------------------------------- */ html[dir="rtl"] body{ font-family:'IBM Plex Sans Arabic', sans-serif; } html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3{ font-family:'IBM Plex Sans Arabic', sans-serif; font-weight:600; letter-spacing:0; } html[dir="rtl"] .seam span{letter-spacing:0.5px;} /* wide tracking doesn't read well in Arabic */ html[dir="rtl"] .hero h1 .accent{font-style:normal;} /* italics aren't a standard Arabic emphasis convention */ html[dir="rtl"] .cat-tag, html[dir="rtl"] .pill, html[dir="rtl"] .end-use-select{letter-spacing:0;} html[dir="rtl"] .fabric-specs td:first-child{padding-left:12px;padding-right:0;} .header-right{display:flex;align-items:center;gap:20px;} .menu-toggle{display:none;background:none;border:none;color:var(--ivory);font-size:22px;} .mobile-extra{display:none;} /* only revealed inside the mobile dropdown at <900px */ .btn{display:inline-block;padding:11px 24px;border:1px solid var(--gold);color:var(--gold);font-size:13px;letter-spacing:0.5px;border-radius:2px;transition:all .15s;background:none;} .btn:hover{background:var(--gold);color:var(--burgundy-deep);} .btn.filled{background:var(--gold);color:var(--burgundy-deep);font-weight:600;} .btn.filled:hover{background:var(--gold-soft);} /* hero */ .hero{position:relative;background:var(--burgundy);padding:100px 0 90px;overflow:hidden; background-image:radial-gradient(circle at 15% 20%, rgba(201,169,97,0.07), transparent 40%),radial-gradient(circle at 85% 75%, rgba(201,169,97,0.06), transparent 45%);} .hero::after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(120deg, rgba(201,169,97,0.035) 0 2px, transparent 2px 40px);pointer-events:none;} .hero-inner{position:relative;z-index:1;max-width:680px;} .hero h1{font-size:clamp(34px,5vw,58px);color:var(--ivory);margin-bottom:22px;} .hero h1 .accent{color:var(--gold);font-style:italic;} .hero p{color:rgba(245,239,226,0.75);font-size:17px;max-width:520px;margin-bottom:34px;} .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;} .hero-stats{display:flex;gap:48px;margin-top:64px;flex-wrap:wrap;} .hero-stats div p:first-child{font-family:'Fraunces',serif;font-size:32px;color:var(--gold);font-weight:500;} .hero-stats div p:last-child{font-size:13px;color:rgba(245,239,226,0.6);margin-top:2px;} section{padding:96px 0;} .eyebrow-title{font-size:clamp(28px,3.4vw,40px);margin-bottom:18px;max-width:560px;} /* about */ .about-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center;} .about-grid p{color:#4a3f38;margin-bottom:16px;font-size:15.5px;} .about-img{border-radius:4px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#e8dcc4,#cbb98f);} .about-img img{width:100%;height:100%;object-fit:cover;} /* capabilities */ .capabilities{background:var(--burgundy-deep);color:var(--ivory);} .cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,169,97,0.2);margin-top:48px;border:1px solid rgba(201,169,97,0.2);} .cap-card{background:var(--burgundy-deep);padding:32px 26px;} .cap-num{font-family:'Fraunces',serif;color:var(--gold);font-size:15px;margin-bottom:16px;} .cap-card h3{font-size:18px;color:var(--ivory);margin-bottom:10px;} .cap-card p{font-size:13.5px;color:rgba(245,239,226,0.65);} /* clients */ .clients-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-top:40px;} .client-tile{border:1px solid #ded2b4;background:var(--white);padding:22px 10px;text-align:center;border-radius:2px;font-family:'Fraunces',serif;font-size:14px;color:#6b5a3d;} .client-tile img{display:block;max-height:44px;margin:0 auto;filter:grayscale(1);opacity:0.75;transition:opacity .15s,filter .15s;} .client-tile:hover img{filter:grayscale(0);opacity:1;} /* Full Clients page: grid sizes itself to however many logos exist instead of leaving empty columns, and logos are larger/more prominent than the compact homepage strip */ .clients-page-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));} .clients-page-grid .client-tile{padding:36px 20px;} .clients-page-grid .client-tile img{max-height:56px;} /* factory */ .factory{background:var(--burgundy-deep);color:var(--ivory);} .factory .seam span{color:var(--gold);} .factory-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:56px;align-items:center;} .factory h2{color:var(--ivory);} .factory p{color:rgba(245,239,226,0.85);font-size:15.5px;margin-bottom:14px;} .factory-img{aspect-ratio:16/11;border-radius:4px;overflow:hidden;background:linear-gradient(160deg,#4a1f26,#2a0f13);} .factory-img img{width:100%;height:100%;object-fit:cover;} /* CTA band */ .cta-band{background:var(--gold);color:var(--burgundy-deep);text-align:center;padding:80px 0;} .cta-band h2{color:var(--burgundy-deep);margin-bottom:16px;} .cta-band p{max-width:460px;margin:0 auto 32px;color:#5c4a1f;font-size:15.5px;} .cta-band .btn{border-color:var(--burgundy-deep);color:var(--burgundy-deep);} .cta-band .btn:hover{background:var(--burgundy-deep);color:var(--gold);} .cta-band .btn.filled{background:var(--burgundy-deep);color:var(--gold);} .cta-band .btn.filled:hover{background:var(--charcoal);} /* footer */ .site-footer{background:var(--burgundy-deep);color:rgba(245,239,226,0.7);padding:64px 0 32px;font-size:14px;} .footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:40px;} .footer-grid h4{font-family:'Fraunces',serif;color:var(--gold);font-weight:500;font-size:15px;margin-bottom:16px;} .footer-grid p,.footer-grid a{display:block;margin-bottom:8px;color:rgba(245,239,226,0.65);} .social-icons{display:flex;gap:12px;margin-top:8px;} .social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(201,169,97,0.3);color:var(--gold);transition:background .15s,color .15s;} .social-icons a:hover{background:var(--gold);color:var(--burgundy-deep);} /* ---- generic page content (About, Factory, Locations, Contact) ---- */ .entry-content{color:#3d332c;font-size:16px;line-height:1.75;} .entry-content > *:first-child{margin-top:0;} .entry-content h2{ font-size:26px;color:var(--burgundy);margin:44px 0 16px; padding-bottom:12px;border-bottom:1px solid #e4d7b8; } .entry-content h3{font-size:19px;color:var(--burgundy);margin:32px 0 12px;} .entry-content p{margin-bottom:18px;} .entry-content strong{color:var(--charcoal);} .entry-content a{color:var(--burgundy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px;} .entry-content a:hover{color:var(--gold-soft,#8f7434);} .entry-content ul,.entry-content ol{margin:0 0 20px 0;padding-left:22px;} .entry-content ul{list-style:none;padding-left:4px;} .entry-content ul li{position:relative;padding-left:22px;margin-bottom:10px;} .entry-content ul li::before{ content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%; background:var(--gold); } .entry-content ol{padding-left:22px;} .entry-content ol li{margin-bottom:10px;padding-left:4px;} .entry-content blockquote{ margin:28px 0;padding:18px 24px;border-left:3px solid var(--gold); background:var(--white);font-style:italic;color:#5c4d40; } .entry-content hr{border:none;border-top:1px solid #e4d7b8;margin:36px 0;} .entry-content img{border-radius:4px;margin:20px 0;} .entry-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:15px;} .entry-content table td,.entry-content table th{padding:10px 14px;border:1px solid #e4d7b8;text-align:left;} .entry-content table th{background:var(--ivory);font-family:'Fraunces',serif;color:var(--burgundy);} html[dir="rtl"] .entry-content ul li{padding-left:0;padding-right:22px;} html[dir="rtl"] .entry-content ul li::before{left:auto;right:0;} html[dir="rtl"] .entry-content blockquote{border-left:none;border-right:3px solid var(--gold);} html[dir="rtl"] .entry-content table td,html[dir="rtl"] .entry-content table th{text-align:right;} /* ---- manufacturing process steps (Factory page) ---- */ .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:44px;} .process-photo{position:relative;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:linear-gradient(150deg,#e8dcc4,#cbb98f);margin-bottom:16px;} .process-photo img{width:100%;height:100%;object-fit:cover;} .process-num{ position:absolute;bottom:0;left:0; background:var(--burgundy);color:var(--gold); font-family:'Fraunces',serif;font-size:20px; padding:8px 16px;border-top-right-radius:4px; } .process-card h3{font-size:18px;margin-bottom:8px;color:var(--burgundy);} .process-card p{font-size:14.5px;color:#5c4d40;} html[dir="rtl"] .process-num{left:auto;right:0;border-top-right-radius:0;border-top-left-radius:4px;} @media(max-width:900px){ .process-grid{grid-template-columns:1fr;} } .footer-logo{font-family:'Fraunces',serif;color:var(--ivory);font-size:19px;margin-bottom:12px;} .footer-logo em{color:var(--gold);font-style:normal;} .footer-bottom{border-top:1px solid rgba(201,169,97,0.15);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;font-size:12.5px;color:rgba(245,239,226,0.4);flex-wrap:wrap;gap:8px;} /* ---- collections page ---- */ .page-head{padding:56px 0 8px;} .page-head h1{font-size:clamp(28px,3.6vw,40px);max-width:560px;} .page-head p{margin-top:12px;max-width:520px;color:#5c4d40;font-size:15px;} .filter-bar{position:sticky;top:76px;z-index:40;background:var(--ivory);border-bottom:1px solid #ded2b4;padding:16px 0;} .filter-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;} .cat-pills{display:flex;gap:8px;flex-wrap:wrap;} .pill{padding:8px 16px;border:1px solid #ded2b4;border-radius:20px;font-size:13px;background:var(--white);color:#5c4d40;transition:all .15s;} .pill.active{background:var(--burgundy);color:var(--gold);border-color:var(--burgundy);} .end-use-select{padding:8px 14px;border:1px solid #ded2b4;border-radius:20px;font-size:13px;background:var(--white);color:#5c4d40;} .catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:40px 0 100px;} .fabric-card{background:var(--white);border:1px solid #ded2b4;border-radius:4px;overflow:hidden;transition:box-shadow .15s;} .fabric-card:hover{box-shadow:0 8px 24px rgba(42,15,19,0.08);} .fabric-img{display:block;width:100%;aspect-ratio:1/1;background:linear-gradient(150deg,#e8dcc4,#cbb98f);position:relative;overflow:hidden;} .fabric-img img{width:100%;height:100%;object-fit:cover;} .cat-tag{position:absolute;top:10px;left:10px;background:rgba(42,15,19,0.85);color:var(--gold);font-size:10.5px;letter-spacing:0.5px;padding:4px 9px;border-radius:12px;} .shortlist-toggle{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.9);border:none;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--burgundy);} .shortlist-toggle.added{background:var(--gold);color:var(--burgundy-deep);} .fabric-info{padding:16px;} .fabric-info h3{font-size:16px;margin-bottom:6px;} .fabric-info .end-use{font-size:12px;color:#8a7550;margin-bottom:10px;} .colorways{display:flex;gap:6px;} .colorway-dot{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,0.08);} .colorway-dot.more{display:flex;align-items:center;justify-content:center;font-size:9px;color:#8a7550;background:#f0e9d8;} .shortlist-tray{position:fixed;bottom:0;left:0;right:0;z-index:60;background:var(--burgundy-deep);color:var(--ivory);padding:16px 0;transform:translateY(100%);transition:transform .25s ease;box-shadow:0 -8px 24px rgba(0,0,0,0.2);} .shortlist-tray.visible{transform:translateY(0);} .tray-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;} .tray-count b{color:var(--gold);} .tray-swatches{display:flex;gap:8px;} .tray-swatch{width:36px;height:36px;border-radius:4px;background:linear-gradient(150deg,#e8dcc4,#cbb98f);border:1px solid rgba(201,169,97,0.3);} /* ---- single fabric ---- */ .fabric-single{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding:56px 0;align-items:start;} .fabric-gallery-main{aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:linear-gradient(150deg,#e8dcc4,#cbb98f);margin-bottom:14px;} .fabric-gallery-main img{width:100%;height:100%;object-fit:cover;} .fabric-colorway-strip{display:flex;gap:10px;flex-wrap:wrap;} .fabric-colorway-strip button{width:52px;height:52px;border-radius:6px;border:2px solid transparent;padding:0;} .fabric-colorway-strip button.active{border-color:var(--gold);} .fabric-specs{margin-top:32px;border-top:1px solid #ded2b4;padding-top:20px;} .fabric-specs table{width:100%;font-size:14px;} .fabric-specs td{padding:8px 0;border-bottom:1px solid #ede4cd;} .fabric-specs td:first-child{color:#8a7550;width:40%;} /* ---- request quote page ---- */ .form-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;padding:40px 0 100px;align-items:start;} .card{background:var(--white);border:1px solid #ded2b4;border-radius:6px;padding:32px;} fieldset{border:none;margin-bottom:28px;} legend{font-family:'Fraunces',serif;font-size:16px;margin-bottom:14px;color:var(--burgundy);} .field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;} .field{display:flex;flex-direction:column;gap:6px;} .field.full{grid-column:1/-1;} label{font-size:13px;color:#5c4d40;font-weight:500;} input,select,textarea{padding:10px 12px;border:1px solid #ded2b4;border-radius:3px;font-size:14px;font-family:'Inter',sans-serif;background:var(--ivory);color:var(--charcoal);width:100%;} textarea{resize:vertical;min-height:80px;} input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px;} .upload-box{border:1.5px dashed #ded2b4;border-radius:4px;padding:24px;text-align:center;color:#8a7550;font-size:13.5px;background:var(--ivory);} .submit-btn{width:100%;padding:14px;background:var(--burgundy);color:var(--gold);border:none;border-radius:3px;font-size:14.5px;font-weight:600;letter-spacing:0.3px;} .summary-panel{position:sticky;top:100px;} .shortlist-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ede4cd;} .shortlist-item:last-child{border-bottom:none;} .shortlist-swatch{width:44px;height:44px;border-radius:4px;flex-shrink:0;background-size:cover;background-position:center;} .shortlist-item-info{flex:1;} .shortlist-item-info p{font-size:13.5px;font-weight:500;} .shortlist-item-info span{font-size:11.5px;color:#8a7550;} .qty-input{width:64px;padding:6px 8px;font-size:12.5px;} .remove-item{background:none;border:none;color:#a35b4a;font-size:12px;} .form-notice{padding:14px 18px;border-radius:4px;margin-bottom:20px;font-size:14px;} .form-notice.success{background:#e5ede2;color:#2e4a26;} @media(max-width:900px){ .site-nav{height:64px;} .mobile-extra{display:none;} .nav-wrapper{display:contents;} .nav-menu{ position:fixed;top:64px;left:0;right:0;bottom:0; background:var(--burgundy); flex-direction:column; align-items:flex-start; padding:24px 32px; gap:20px; display:none; overflow-y:auto; font-size:18px; } .nav-wrapper.open .nav-menu{display:flex;} .nav-wrapper.open .mobile-extra{ display:flex;flex-direction:column;gap:16px;align-items:flex-start; position:fixed;left:0;right:0;bottom:0; background:var(--burgundy);padding:0 32px 28px; border-top:1px solid rgba(201,169,97,0.2); } .header-right .lang-switcher.desktop-only, .header-right .btn.filled.desktop-only{display:none;} .menu-toggle{display:block;background:none;border:none;color:var(--ivory);font-size:24px;padding:4px 8px;} .header-right{gap:12px;} .site-logo img,.site-logo .custom-logo{max-height:32px;} .hero{padding:64px 0 56px;} .hero-stats{gap:28px;} section{padding:64px 0;} .about-grid,.factory-grid,.fabric-single{grid-template-columns:1fr;gap:32px;} .cap-grid{grid-template-columns:repeat(2,1fr);} .footer-grid{grid-template-columns:1fr 1fr;gap:28px;} .catalog-grid{grid-template-columns:repeat(2,1fr);gap:16px;} .form-layout{grid-template-columns:1fr;} .field-row{grid-template-columns:1fr;} .summary-panel{position:static;} .filter-bar{top:0;} .wrap{padding:0 20px;} .cta-band{padding:56px 0;} } @media(max-width:480px){ .cap-grid,.clients-strip,.catalog-grid{grid-template-columns:1fr;} .footer-grid{grid-template-columns:1fr;} .hero-stats{gap:20px;} .hero-ctas{flex-direction:column;align-items:stretch;} .hero-ctas .btn{text-align:center;} }