/*
Theme Name: Chemcox Speciality Chemicals
Theme URI: https://chemcoxspeciality.com/
Author: Chemcox Speciality Chemicals
Description: Custom responsive corporate WordPress theme based on the approved Chemcox homepage design.
Version: 1.0.8
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: chemcox
*/

:root{
  --navy:#08264a;
  --navy-2:#0d315d;
  --green:#1e8c35;
  --green-2:#2e9d45;
  --purple:#5a3b8f;
  --text:#183152;
  --muted:#5f7088;
  --light:#f5f8f6;
  --white:#fff;
  --border:#e3e9ee;
  --shadow:0 10px 30px rgba(8,38,74,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1320px,calc(100% - 48px));margin:auto}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8edf1}
.header-inner{min-height:122px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand img{display:block;width:355px;height:auto;max-height:106px;object-fit:contain}
.brand-text{font-weight:800;font-size:24px;color:var(--purple)}
.site-nav{margin-left:auto}
.site-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.site-nav a{font-weight:700;font-size:14px;color:#152a45;white-space:nowrap}
.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--green)}
.nav-toggle{display:none;border:0;background:transparent;font-size:28px;color:var(--navy)}
.header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.phone-link{font-weight:800;color:var(--navy)}
.whatsapp-btn{background:#15852d;color:#fff;padding:11px 18px;border-radius:8px;font-weight:800;box-shadow:0 5px 14px rgba(21,133,45,.18)}
.whatsapp-btn:hover{background:#106e25}
.hero{padding:0;background:linear-gradient(90deg,#fff 0%,#fff 38%,#f2f8f2 100%)}
.hero-grid{display:grid;grid-template-columns:40% 60%;min-height:510px}
.hero-copy{padding:58px 25px 44px 0;display:flex;flex-direction:column;justify-content:center}
.eyebrow{color:#16712b;text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:800;margin:0 0 10px}
.hero h1{font-size:62px;line-height:1.01;margin:0 0 22px;letter-spacing:-2px;color:var(--navy)}
.hero h1 span{color:var(--green)}
.hero-copy p{font-size:17px;color:#566981;max-width:520px;margin:0 0 25px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;padding:13px 20px;font-weight:800;border:1px solid #b9cbd0}
.btn-primary{background:var(--green);border-color:var(--green);color:#fff}
.btn-secondary{background:#fff;color:var(--navy)}
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero-visual img{width:100%;height:100%;min-height:510px;object-fit:cover;object-position:center}
.quality-strip{position:absolute;left:7%;right:7%;bottom:8px;background:var(--navy);border-radius:20px;padding:20px 10px;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 15px 30px rgba(8,38,74,.18)}
.quality-item{text-align:center;border-right:1px solid rgba(255,255,255,.45);padding:0 14px}
.quality-item:last-child{border-right:0}
.quality-icon{font-size:30px;display:block;margin-bottom:4px}
.quality-item strong{display:block;line-height:1.2;font-size:15px}
.section{padding:42px 0}
.products-wrap{background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:24px}
.section-head{text-align:center;margin-bottom:20px}
.section-head .eyebrow{margin-bottom:2px}
.section-title{font-size:30px;line-height:1.2;color:var(--navy);margin:0}
.underline{width:38px;height:4px;background:var(--green);margin:12px auto 0;border-radius:10px}
.product-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}
.product-card{border:1px solid #e5e9ee;border-radius:11px;padding:10px;background:#fff;box-shadow:0 4px 12px rgba(8,38,74,.05);min-width:0}
.product-image{height:135px;display:flex;align-items:center;justify-content:center;background:#fafcfc;border-radius:8px;margin-bottom:9px;overflow:hidden}
.product-image svg{width:100%;height:100%}
.product-card h3{font-size:14px;line-height:1.25;margin:4px 0 8px;color:var(--navy)}
.product-card p{font-size:12px;line-height:1.45;color:#5d6d82;min-height:67px;margin:0 0 8px}
.learn{font-size:12px;color:var(--green);font-weight:800}
.info-section{background:#f7faf8}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.panel{background:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.panel h2{color:var(--navy);margin-top:0}
.industry-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none}
.industry-list li{padding:13px 15px;background:#f5f8f6;border-left:4px solid var(--green);border-radius:7px;font-weight:700}
.contact-section{background:#fff}
.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
.contact-list{display:grid;gap:14px}
.contact-item{display:flex;gap:14px;align-items:flex-start}
.contact-icon{width:44px;height:44px;border-radius:50%;background:#eaf7ed;color:var(--green);display:grid;place-items:center;font-size:20px;flex:0 0 44px}
.site-footer{background:var(--navy);color:#fff;padding:24px 0}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.3fr;gap:20px;align-items:center}
.footer-item{display:flex;align-items:center;gap:12px}
.footer-icon{width:46px;height:46px;border-radius:50%;background:#1e9b3c;display:grid;place-items:center;font-size:22px}
.footer-item strong{display:block;font-size:14px}
.footer-item span{display:block;font-weight:800;font-size:15px}
.floating-actions{position:fixed;right:12px;top:34%;z-index:900;background:#fff;border-radius:18px;padding:10px 7px;box-shadow:0 8px 30px rgba(8,38,74,.18);display:grid;gap:8px}.chemcox-social-share{position:fixed;left:18px;right:auto;top:calc(50% + 30mm);transform:translateY(-50%);bottom:auto;z-index:890;background:#fff;border-radius:18px;padding:10px 7px;box-shadow:0 8px 30px rgba(8,38,74,.16);display:grid;gap:8px}.share-btn{width:44px;height:44px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:0 2px 5px rgba(8,38,74,.12)}.share-x{background:#000}.share-fb{background:#1877f2}.share-wa{background:#18b94b}.share-in{background:#0a66c2}.share-more{background:#287fe0}
.float-btn{width:50px;text-align:center;font-size:11px;font-weight:800;line-height:1.2}
.float-icon{width:38px;height:38px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:19px}
.float-wa{background:#1bb94a}.float-call{background:#6a43a1}.float-top{background:#2c9c45}
.site-main{min-height:50vh}
.page-content{padding:50px 0}
@media(max-width:1200px){
  .brand img{width:300px}
  .site-nav ul{gap:18px}
  .header-actions{gap:10px}
  .product-grid{grid-template-columns:repeat(4,1fr)}
  .hero h1{font-size:52px}
}
@media(max-width:900px){
  .header-inner{min-height:92px}
  .brand img{width:270px;max-height:82px}
  .nav-toggle{display:block;margin-left:auto}
  .site-nav{display:none;position:absolute;top:92px;left:0;right:0;background:#fff;padding:15px 24px;border-bottom:1px solid var(--border)}
  .site-nav.open{display:block}
  .site-nav ul{display:grid;gap:12px}
  .header-actions{display:none}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{padding:40px 0 20px}
  .hero h1{font-size:48px}
  .hero-visual{min-height:390px}
  .hero-visual img{min-height:390px}
  .quality-strip{position:relative;left:auto;right:auto;bottom:auto;margin:-70px 20px 0;z-index:2}
  .two-col,.contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .container{width:min(100% - 28px,1320px)}
  .brand img{width:230px}
  .hero h1{font-size:40px;letter-spacing:-1px}
  .hero-copy p{font-size:15px}
  .quality-strip{grid-template-columns:repeat(2,1fr);gap:16px}
  .quality-item:nth-child(2){border-right:0}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .products-wrap{padding:15px}
  .section-title{font-size:25px}
  .industry-list{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .floating-actions{right:7px;top:34%}.chemcox-social-share{left:8px !important;right:auto !important;top:calc(50% + 24mm) !important;bottom:auto !important}
}


/* v1.0.6: social share is a separate left-side floater, 30mm below viewport center. */
.chemcox-social-share{
  position:fixed !important;
  left:18px !important;
  right:auto !important;
  top:calc(50% + 30mm) !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:890 !important;
  background:#fff !important;
  border-radius:18px !important;
  padding:10px 7px !important;
  box-shadow:0 8px 30px rgba(8,38,74,.16) !important;
  display:grid !important;
  gap:8px !important;
  width:auto !important;
  height:auto !important;
}
.chemcox-social-share .share-btn{width:44px !important;height:44px !important;margin:0 !important;border:0 !important;}
.floating-actions{top:34% !important;right:12px !important;bottom:auto !important;z-index:900 !important;}
/* Hide common third-party social-share widgets so there is only one share control group. */
.addtoany_share_save_container,.a2a_kit,.heateor_sss_sharing_container,.heateor_sss_horizontal_sharing,.sharedaddy,.sd-sharing-enabled,.wp-block-social-links,.wp-socializer,.social-sharing,.chemcox-social-share-buttons,.st-inline-share-buttons,.st-sticky-share-buttons,.sharethis-inline-share-buttons{display:none !important;}

.product-detail-page{background:#fff}
.product-detail-hero{background:linear-gradient(90deg,#fff 0%,#fff 45%,#f2f8f2 100%);padding:70px 0}
.product-detail-grid{display:grid;grid-template-columns:55% 45%;align-items:center;gap:30px}
.product-detail-hero h1{font-size:58px;line-height:1.05;color:var(--navy);margin:0 0 16px}
.product-lead{font-size:21px;color:var(--muted);max-width:720px;margin:0 0 25px}
.product-detail-actions{display:flex;gap:14px;flex-wrap:wrap}
.product-detail-visual{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:20px}
.product-detail-content{background:#f7faf8}
.product-detail-columns{display:grid;grid-template-columns:1.55fr .85fr;gap:24px}
.product-description-panel h2{font-size:30px;color:var(--navy);margin:0 0 18px}
.product-description-panel p:not(.eyebrow){color:#53667d;font-size:16px}
.detail-eyebrow{margin-top:34px}
.detail-list{padding-left:22px;margin:10px 0 0;color:#42566e}
.detail-list li{margin:0 0 13px;padding-left:5px}
.product-spec-panel{align-self:start}
.benefit-list{list-style:none;padding:0;margin:10px 0 24px}
.benefit-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--border);font-weight:700;color:var(--navy)}
.benefit-list li span{color:var(--green);font-weight:900}
.pack-box{background:#f5f8f6;border-radius:12px;padding:16px;margin:18px 0}
.pack-box strong{color:var(--navy);display:block;margin-bottom:6px}
.pack-box p{margin:0;color:var(--muted);font-size:14px}
.full-btn{width:100%}
.related-product-section{background:#fff}
.related-copy{text-align:center;color:var(--muted);max-width:700px;margin:0 auto 20px}
.center-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
@media(max-width:900px){
  .product-detail-grid,.product-detail-columns{grid-template-columns:1fr}
  .product-detail-hero h1{font-size:45px}
  .product-detail-visual{max-width:560px;margin:auto}
}
@media(max-width:768px){
  .chemcox-social-share{left:8px !important;right:auto !important;top:calc(50% + 24mm) !important;bottom:auto !important;gap:6px !important}
  .chemcox-social-share .share-btn{width:40px !important;height:40px !important;font-size:18px !important}
  .floating-actions{top:34% !important;right:12px !important}
  .product-detail-hero{padding:45px 0}
  .product-detail-hero h1{font-size:38px}
  .product-lead{font-size:17px}
}

.brochure-panel{padding-bottom:34px}
.brochure-viewer{margin:26px auto 0;max-width:1100px;height:min(78vh,850px);min-height:600px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#f4f6f7;box-shadow:var(--shadow)}
.brochure-viewer iframe{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:768px){.brochure-viewer{height:70vh;min-height:480px;border-radius:12px}}

.product-source-note{font-size:13px;color:var(--muted);margin-top:12px}.product-source-note strong{color:var(--navy)}


/* v1.0.7 FINAL SHARE/CONTACT LAYOUT */
/* Exactly one share floater: left side, 30mm below viewport centre. */
.chemcox-social-share{
  position:fixed !important;
  left:18px !important;
  right:auto !important;
  top:calc(50% + 30mm) !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:890 !important;
  display:grid !important;
  width:max-content !important;
  height:auto !important;
  gap:8px !important;
  padding:10px 7px !important;
  margin:0 !important;
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 30px rgba(8,38,74,.16) !important;
}
.chemcox-social-share .share-btn{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:7px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
/* The quick-contact floater remains on the right; it is not a share widget. */
.floating-actions{
  position:fixed !important;
  right:12px !important;
  left:auto !important;
  top:34% !important;
  bottom:auto !important;
  z-index:900 !important;
}
/* Suppress duplicate/third-party share markup if a plugin injects it. */
.addtoany_share_save_container,.a2a_kit,.heateor_sss_sharing_container,.heateor_sss_horizontal_sharing,.sharedaddy,.sd-sharing-enabled,.wp-block-social-links,.wp-socializer,.social-sharing,.chemcox-social-share-buttons,.st-inline-share-buttons,.st-sticky-share-buttons,.sharethis-inline-share-buttons{display:none !important;}
@media(max-width:768px){
  .chemcox-social-share{left:8px !important;top:calc(50% + 24mm) !important;}
  .chemcox-social-share .share-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;font-size:18px !important;}
  .floating-actions{right:8px !important;top:34% !important;}
}


/* v1.0.8: one and only one Chemcox share floater on the LEFT. */
.chemcox-social-share{
  position:fixed !important;
  left:18px !important;
  right:auto !important;
  top:calc(50% + 30mm) !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:2147483000 !important;
  display:grid !important;
  width:max-content !important;
  height:auto !important;
  gap:8px !important;
  padding:10px 7px !important;
  margin:0 !important;
  background:#fff !important;
  border-radius:18px !important;
  box-shadow:0 8px 30px rgba(8,38,74,.16) !important;
}
.chemcox-social-share .share-btn{
  width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;
  margin:0 !important;padding:0 !important;border:0 !important;border-radius:7px !important;
  display:grid !important;place-items:center !important;overflow:hidden !important;
}
/* The quick-contact floater remains on the RIGHT. */
.floating-actions{position:fixed !important;right:12px !important;left:auto !important;top:34% !important;bottom:auto !important;z-index:2147482990 !important;}
/* Known third-party share widgets are disabled. */
.addtoany_share_save_container,.a2a_kit,.heateor_sss_sharing_container,.heateor_sss_horizontal_sharing,.sharedaddy,.sd-sharing-enabled,.wp-block-social-links,.wp-socializer,.social-sharing,.social-share-buttons,.st-inline-share-buttons,.st-sticky-share-buttons,.sharethis-inline-share-buttons{display:none !important;}
@media(max-width:768px){
  .chemcox-social-share{left:8px !important;top:calc(50% + 24mm) !important;}
  .chemcox-social-share .share-btn{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;font-size:18px !important;}
  .floating-actions{right:8px !important;top:34% !important;}
}

/* v1.1.0: dedicated full-size brochure page */
.brochure-page{padding:26px 22px 30px;background:#f4f7f5;min-height:calc(100vh - 110px)}
.brochure-page-head{max-width:1440px;margin:0 auto 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brochure-page-head h1{margin:0;color:var(--navy);font-size:clamp(28px,3vw,42px)}
.brochure-page-actions{display:flex;gap:10px;flex-wrap:wrap}
.brochure-full-viewer{max-width:1440px;margin:0 auto;height:calc(100vh - 210px);min-height:700px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.brochure-full-viewer iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.brochure-cta-panel{padding-bottom:34px}
@media(max-width:768px){.brochure-page{padding:16px 10px 20px}.brochure-page-head{align-items:flex-start;flex-direction:column}.brochure-full-viewer{height:calc(100vh - 250px);min-height:560px;border-radius:8px}.brochure-page-actions{width:100%}.brochure-page-actions .btn{flex:1;text-align:center}}