/*
Theme Name: The Boss Theme By Mian Abbas Build For Perfection
Theme URI: https://alphadigitalshub.com/
Author: Mian Abbas Ali (Mentor)
Author URI: https://alphadigitalshub.com/
Description: The Boss Theme By Mian Abbas Build For Perfection — premium editorial publishing and affiliate WordPress theme. Developer: Mian Abbas Ali. WhatsApp: @mian.abbas.ali | +923406939023 | Email: abbas.anmol@gmail.com
Version: 5.2.10
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: the-boss-mian-abbas-ali
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, ecommerce, affiliate, responsive-layout, custom-colors, translation-ready
*/


:root {
  --background: #FAF8F5;
  --foreground: #1F1917;
  --primary: #C47A69;
  --border: #E5E7EB;
  --muted-foreground: #6C625D;
}

body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: var(--font-ui, Arial, sans-serif);
  margin: 0;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6, .font-serif {
  font-family: var(--font-editorial, Georgia, serif);
}
/* Custom Fashion Aspect Ratio Frames */
.img-frame {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: #F3F4F6;
  border-radius: 0.75rem;
}

.img-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.img-frame:hover img {
  transform: scale(1.04);
}

/* Aspect Ratios */
.frame-portrait {
  aspect-ratio: 3 / 4;
}

.frame-pinterest {
  aspect-ratio: 2 / 3;
}

.frame-square {
  aspect-ratio: 1 / 1;
}

.frame-landscape {
  aspect-ratio: 16 / 9;
}
/* =========================================================
 * PROFESSIONAL BUTTON HOVER & FLIP EFFECTS (UPDATED)
 * ========================================================= */

/* General Button Transitions */
button,
.button,
input[type="submit"],
.wp-block-button__link,
.wp-social-link {
    transition: all 0.3s ease-in-out !important;
}

/* 1. Pinterest Button & Social Share Link Customization */
.wp-social-link-pinterest,
a.wp-social-link-pinterest {
    background-color: #E60023 !important;
    border: 2px solid #E60023 !important;
}
.wp-social-link-pinterest a,
.wp-social-link-pinterest span,
.wp-social-link-pinterest svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Pinterest Hover Flip */
.wp-social-link-pinterest:hover {
    background-color: #ffffff !important;
    border-color: #E60023 !important;
}
.wp-social-link-pinterest:hover a,
.wp-social-link-pinterest:hover span,
.wp-social-link-pinterest:hover svg {
    color: #E60023 !important;
    fill: #E60023 !important;
}

/* 2. Facebook Button Customization */
.wp-social-link-facebook,
a.wp-social-link-facebook {
    background-color: #1877F2 !important;
    border: 2px solid #1877F2 !important;
}
.wp-social-link-facebook a,
.wp-social-link-facebook span,
.wp-social-link-facebook svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.wp-social-link-facebook:hover {
    background-color: #ffffff !important;
    border-color: #1877F2 !important;
}
.wp-social-link-facebook:hover a,
.wp-social-link-facebook:hover span,
.wp-social-link-facebook:hover svg {
    color: #1877F2 !important;
    fill: #1877F2 !important;
}

/* 3. Twitter / X Button Customization */
.wp-social-link-twitter,
.wp-social-link-x,
a.wp-social-link-twitter,
a.wp-social-link-x {
    background-color: #000000 !important;
    border: 2px solid #000000 !important;
}
.wp-social-link-twitter a, .wp-social-link-x a,
.wp-social-link-twitter span, .wp-social-link-x span,
.wp-social-link-twitter svg, .wp-social-link-x svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}
.wp-social-link-twitter:hover,
.wp-social-link-x:hover {
    background-color: #ffffff !important;
    border-color: #000000 !important;
}
.wp-social-link-twitter:hover a, .wp-social-link-x:hover a,
.wp-social-link-twitter:hover span, .wp-social-link-x:hover span,
.wp-social-link-twitter:hover svg, .wp-social-link-x:hover svg {
    color: #000000 !important;
    fill: #000000 !important;
}

/* 4. General Block & Site Buttons Hover Flip Effect */
.site-main .wp-block-button__link,
.site-main button,
.site-main .button {
    background-color: #C47A69 !important;
    color: #ffffff !important;
    border: 2px solid #C47A69 !important;
}

.site-main .wp-block-button__link:hover,
.site-main button:hover,
.site-main .button:hover {
    background-color: #ffffff !important;
    color: #C47A69 !important;
    border-color: #C47A69 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
/* Phase 1 foundations */
.site-branding .custom-logo{max-height:72px;width:auto}.main-navigation a,.mobile-navigation a{font-family:var(--font-ui)!important}.rail{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.main-navigation > ul{display:flex;gap:1.5rem;align-items:center;list-style:none;margin:0;padding:0}.main-navigation a{font-weight:600;font-size:.8125rem;color:var(--header-text-color,#1f1917);text-transform:uppercase;letter-spacing:.08em;transition:color .2s}.main-navigation a:hover{color:#c47a69}.mobile-navigation ul{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.mobile-navigation a{font-weight:600;font-size:.875rem;color:var(--header-text-color,#1f1917);text-transform:uppercase}


/* Built-in Table of Contents */
.curvy-toc{margin:34px 0;padding:0;border:1px solid #eadfd8;border-radius:14px;background:#fbf7f3;overflow:hidden;max-width:760px;box-shadow:0 8px 22px rgba(50,30,20,.04)}
.curvy-toc__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border:0;background:transparent;text-align:left;cursor:pointer;color:#231d1a}.curvy-toc__header>span:first-child{display:flex;flex-direction:column;gap:3px}.curvy-toc__eyebrow{font:700 9px/1 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:#c47a69}.curvy-toc__header strong{font:700 15px/1.3 var(--font-article)}.curvy-toc__toggle{font:700 9px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#c47a69}.curvy-toc__list{padding:0 18px 16px}.curvy-toc__list ol{margin:0;padding:14px 0 0 20px;border-top:1px solid #eadfd8}.curvy-toc__list li{margin:0 0 7px;padding-left:4px;color:#756b66;font:500 13px/1.5 var(--font-article)}.curvy-toc__list li a{color:inherit;text-decoration:none}.curvy-toc__list li a:hover{color:#c47a69}.curvy-toc__item--level-3{margin-left:14px;font-size:12px}.curvy-toc__item--level-4{margin-left:28px;font-size:12px}


/* =========================================================
 * PHASE 2 — EDITORIAL DESIGN SYSTEM
 * ========================================================= */
.site-header{backdrop-filter:saturate(130%) blur(8px)}
.single-post-hero{position:relative;overflow:hidden}
.single-post-hero::after{content:"";position:absolute;inset:auto -8% -85% 35%;width:58rem;height:28rem;border-radius:50%;background:radial-gradient(circle,rgba(196,122,105,.10),transparent 62%);pointer-events:none}
.single-post-title{max-width:980px}
.single-featured-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.single-featured-image:hover img{transform:scale(1.018)}
.single-article-content{max-width:var(--single-content-width);margin-inline:auto}
.single-article-content p:first-child{font-size:1.08em}
.single-article-content a{color:var(--color-primary);text-decoration-thickness:1px;text-underline-offset:3px}
.single-article-content a:hover{color:#8f5547}
.single-article-content blockquote{margin:2.2rem 0;padding:1.25rem 1.35rem;border-left:3px solid var(--color-primary);background:#fbf7f3;color:#3d332e;font-style:italic}
.single-article-content img{border-radius:14px}
.single-article-content table{width:100%;border-collapse:collapse}
.single-article-content th,.single-article-content td{border-bottom:1px solid var(--color-border);padding:.7rem .5rem;text-align:left}
.post-navigation a{color:var(--color-text);text-decoration:none;transition:color .2s ease}
.post-navigation a:hover{color:var(--color-primary)}
.single-disclosure{font-family:var(--font-ui)}
.curvy-share-bar{font-family:var(--font-ui);border-color:var(--color-border)}
.curvy-share-bar a,.curvy-share-bar button{border-radius:999px!important}
@media (max-width:767px){
  .single-post-title{font-size:clamp(2.3rem,10vw,3.6rem)!important}
  .single-article-content{font-size:16px}
}
/* Phase 3 — premium light-yellow highlight box */
.curvy-highlight-box{display:flex;align-items:flex-start;gap:15px;margin:2rem 0;padding:18px 20px;border:1px solid #ead7a0;border-radius:14px;background:linear-gradient(135deg,#fff9dc 0%,#fff5c8 100%);box-shadow:0 10px 24px rgba(92,71,28,.06);color:#4e432d}
.curvy-highlight-box__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#f5e5a9;color:#b88d37;font:600 15px/1 var(--font-editorial,Georgia,serif);box-shadow:inset 0 0 0 1px rgba(184,141,55,.16)}
.curvy-highlight-box__body{min-width:0}
.curvy-highlight-box__title{display:block;margin:0 0 5px;font:700 11px/1.2 var(--font-ui,Arial,sans-serif);letter-spacing:.13em;text-transform:uppercase;color:#7a6126}
.curvy-highlight-box__content{font:500 15px/1.7 var(--font-article,Merriweather,serif);color:#54472e}
.curvy-highlight-box__content p{margin:0 0 .65em}.curvy-highlight-box__content p:last-child{margin-bottom:0}.curvy-highlight-box a{color:#7b5e22;text-decoration-thickness:1px;text-underline-offset:3px}.curvy-highlight-box a:hover{color:#4f3c14}
@media (max-width:767px){.curvy-highlight-box{gap:11px;padding:15px 16px}.curvy-highlight-box__icon{width:30px;height:30px;font-size:13px}.curvy-highlight-box__content{font-size:14px;line-height:1.65}}
@media (prefers-reduced-motion:reduce){.curvy-highlight-box{transition:none}}



/* =========================================================
 * PHASE 4 — PREMIUM SINGLE POST / SIDEBAR / SHARE SYSTEM
 * ========================================================= */
.single-post-hero .rail{position:relative;z-index:1}
.single-post-title{max-width:980px;text-wrap:balance}
.single-article-shell{min-width:0}
.single-article-content{font-size:var(--article-body-size,17px)}
.single-article-content p{margin:0 0 1.35em}
.single-article-content h2{margin:2.2em 0 .75em;scroll-margin-top:100px}
.single-article-content h3{margin:1.8em 0 .7em;scroll-margin-top:100px}
.single-article-content h4{margin:1.5em 0 .6em;scroll-margin-top:100px}
.single-article-content ul,.single-article-content ol{margin:1.2em 0 1.4em;padding-left:1.45em}
.single-article-content li{margin:.4em 0}
.single-article-content hr{margin:2.5rem 0;border:0;border-top:1px solid var(--color-border)}
.single-article-content figcaption{margin-top:.55rem;color:var(--color-muted);font:500 .78rem/1.5 var(--font-ui);text-align:center}
.single-disclosure{box-shadow:0 6px 18px rgba(50,30,20,.025)}
.curvy-share-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:2rem 0;padding:14px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.curvy-share-bar__label{display:flex;flex-direction:column;gap:3px;min-width:120px}
.curvy-share-bar__label strong{font:600 17px/1.2 var(--font-editorial);color:var(--color-text)}
.curvy-share-bar__eyebrow{font:700 9px/1 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary)}
.curvy-share-bar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.curvy-share-btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;border:1px solid var(--color-border);border-radius:999px;text-decoration:none;background:var(--color-card);color:var(--color-text);font:700 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.curvy-share-btn span:first-child{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;letter-spacing:0}
.curvy-share-btn:hover,.curvy-share-btn:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(50,30,20,.08);outline:none}
.curvy-share-btn--pin:hover,.curvy-share-btn--pin:focus-visible{background:#fff0f2;border-color:#e3b5bd;color:#b33245}
.curvy-share-btn--wa:hover,.curvy-share-btn--wa:focus-visible{background:#eafbef;border-color:#b4e6c2;color:#1f8a3d}
.curvy-share-btn--fb:hover,.curvy-share-btn--fb:focus-visible{background:#f1f5ff;border-color:#c7d5f5;color:#305ec0}
.curvy-share-btn--x:hover,.curvy-share-btn--x:focus-visible{background:#f4f4f4;border-color:#bdbdbd;color:#000}
.curvy-share-btn--copy:hover,.curvy-share-btn--copy:focus-visible{background:#fbf5f1;border-color:#d9c1b7;color:#8c5a4b}
.curvy-share-btn--pin span:first-child{background:#e60023;color:#fff}.curvy-share-btn--wa span:first-child{background:#25D366;color:#fff}.curvy-share-btn--fb span:first-child{background:#1877f2;color:#fff}.curvy-share-btn--x span:first-child{background:#000;color:#fff}.curvy-share-btn--copy span:first-child{background:#eee8e4;color:#5c504b}

.curvy-sidebar{display:flex;flex-direction:column;gap:22px;position:static}
.curvy-sidebar-card{position:relative;padding:24px;border:1px solid var(--color-border);border-radius:18px;background:var(--color-card);box-shadow:0 14px 34px rgba(50,30,20,.045);overflow:hidden}
.curvy-sidebar-card,.curvy-sidebar-card *{box-sizing:border-box}
.curvy-sidebar-card h2{margin:.35rem 0 .7rem;font:600 25px/1.08 var(--font-editorial);color:var(--color-text);letter-spacing:-.015em}
.curvy-sidebar-card p{margin:0 0 1.1rem;font:400 13px/1.7 var(--font-article);color:var(--color-muted)}
.curvy-sidebar-card__rule{width:48px;height:2px;background:var(--color-primary);margin:0 auto 14px}
.curvy-sidebar-eyebrow{display:block;font:700 9px/1.2 var(--font-ui);letter-spacing:.17em;text-transform:uppercase;color:var(--color-primary)}
.curvy-author-avatar{width:82px;height:82px;margin:0 auto 13px;border-radius:50%;overflow:hidden;border:3px solid #f4e6df;box-shadow:0 8px 18px rgba(50,30,20,.08)}
.curvy-author-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.curvy-sidebar-card--author{text-align:center;padding:28px 24px}
.curvy-sidebar-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border-radius:10px;padding:0 14px;text-decoration:none;font:700 10px/1 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.curvy-sidebar-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(50,30,20,.1)}
.curvy-sidebar-button--accent{background:var(--color-primary);color:#fff}.curvy-sidebar-button--accent:hover{background:#a75f51}
.curvy-sidebar-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:6px}
.curvy-recent-list{display:flex;flex-direction:column}
.curvy-recent-item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid #efe7e1}
.curvy-recent-item:first-child{border-top:0}
.curvy-recent-item__media{display:block;width:62px;height:62px;border-radius:10px;overflow:hidden;background:#f5efeb}
.curvy-recent-item__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.curvy-recent-item:hover .curvy-recent-item__media img{transform:scale(1.05)}
.curvy-recent-item__media span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-primary);font-size:16px}
.curvy-recent-item__copy{min-width:0}
.curvy-recent-item__number{display:block;margin-bottom:3px;font:700 9px/1 var(--font-ui);letter-spacing:.12em;color:#a79992}
.curvy-recent-item__copy>a{display:block;color:var(--color-text);text-decoration:none;font:600 14px/1.28 var(--font-editorial);transition:color .2s ease}
.curvy-recent-item:hover .curvy-recent-item__copy>a{color:var(--color-primary)}
.curvy-sidebar-card--pinterest{background:linear-gradient(145deg,#faf4ef,#f5ece7)}
.curvy-text-link{display:inline-flex;gap:8px;align-items:center;color:var(--color-text);text-decoration:none;font:700 10px/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}
.curvy-text-link:hover{color:var(--color-primary)}
.curvy-sidebar-card--newsletter{background:#211a18;color:#fff;border-color:#211a18}
.curvy-sidebar-card--newsletter h2{color:#fff;font-size:26px}
.curvy-sidebar-card--newsletter p{color:#c7bcb7}
.curvy-sidebar-card--newsletter .curvy-sidebar-eyebrow{color:#d8aa9d}
.curvy-newsletter-form{display:flex;flex-direction:column;gap:10px}
.curvy-newsletter-form input{width:100%;min-height:44px;padding:0 13px;border:1px solid #4d403a;border-radius:9px;background:#fff;color:#211a18;font:500 13px/1 var(--font-ui);box-sizing:border-box}
.curvy-newsletter-form input:focus{outline:2px solid rgba(196,122,105,.45);outline-offset:1px}
.curvy-newsletter-form button{width:100%;min-height:44px;border:1px solid var(--color-primary);border-radius:9px;background:var(--color-primary);color:#fff;font:700 10px/1 var(--font-ui);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,transform .2s ease}
.curvy-newsletter-form button:hover{background:#a75f51;transform:translateY(-1px)}
.curvy-sidebar-card--newsletter small{display:block;margin-top:10px;color:#9e918b;font:400 10px/1.5 var(--font-ui)}
.curvy-newsletter-status{margin:0 0 12px!important;padding:9px 10px;border:1px solid #5d4b43;border-radius:8px;color:#eee7e3!important;font:500 11px/1.45 var(--font-ui)!important}
.curvy-newsletter-status--success{border-color:#5c7863;background:rgba(92,120,99,.15)}.curvy-newsletter-status--error{border-color:#8b5a57;background:rgba(139,90,87,.15)}
.curvy-sidebar-ad{padding:6px 0;color:#a2948c;text-align:center;font:700 8px/1.2 var(--font-ui);letter-spacing:.15em;text-transform:uppercase}
.curvy-sidebar-ad>div{margin-top:8px;padding:10px;border:1px dashed #dfd2cb;border-radius:10px}
.curvy-sidebar-widgets{display:flex;flex-direction:column;gap:18px}
.curvy-sidebar-widgets .widget{padding:20px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-card)}

.curvy-toc{max-width:100%;margin:2rem 0 2.5rem;border-color:#dfd0c7;background:linear-gradient(145deg,#fbf7f4,#f7efe9);box-shadow:0 12px 30px rgba(50,30,20,.045)}
.curvy-toc__header{padding:17px 19px}
.curvy-toc__header:focus-visible{outline:2px solid rgba(196,122,105,.45);outline-offset:-2px}
.curvy-toc__toggle{display:inline-flex;min-width:48px;justify-content:center}
.curvy-toc__list ol{padding-top:15px}
.curvy-toc__list li{transition:transform .15s ease,color .15s ease}.curvy-toc__list li:hover{transform:translateX(2px)}
.curvy-toc__list a:focus-visible{outline:2px solid rgba(196,122,105,.4);outline-offset:3px;border-radius:4px}

@media (max-width:1024px){.curvy-sidebar{position:static;top:auto}.curvy-sidebar-card{padding:22px}}
@media (max-width:767px){
  .curvy-share-bar{align-items:flex-start}
  .curvy-share-bar__label{width:100%}
  .curvy-share-bar__actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .curvy-share-btn{justify-content:center}
  .curvy-sidebar-card--author,.curvy-sidebar-card{border-radius:15px}
  .single-post-hero .rail{padding-top:2.3rem;padding-bottom:2.3rem}
}
@media (prefers-reduced-motion:reduce){.curvy-share-btn,.curvy-sidebar-button,.curvy-recent-item__media img,.curvy-toc__list li{transition:none}}


/* Phase 10: eliminate browser/link decoration leakage from the utility-only build. */
a{text-decoration:none}
.site-main .button,.site-main button,.site-main .wp-block-button__link{background:var(--color-primary,#C47A69);color:#fff;border-color:var(--color-primary,#C47A69)}
.site-main .button:hover,.site-main button:hover,.site-main .wp-block-button__link:hover{background:#E21E51;color:#fff;border-color:#E21E51;box-shadow:0 0 0 1px rgba(226,30,81,.16),0 10px 26px rgba(226,30,81,.28),0 0 24px rgba(226,30,81,.14)}

/* Phase 15 sidebar wrapper */
.curvy-sidebar-wrap{min-width:0;align-self:start;position:relative}