/* RAON Premium Light — preview override v1
   Load AFTER raononline.css. Keep original CSS unchanged.
   Test on staging before enabling on the live store. */
:root {
  --raon-black:#FFFFFF; --raon-black-1:#20262D; --raon-black-2:#F5F6F7;
  --raon-panel:#20262D; --raon-panel-2:#F5F6F7; --raon-panel-3:#FFFFFF;
  --raon-border:#E3E6E9; --raon-border-2:#D6DADE;
  --raon-border-light:#BFC5CB; --raon-white:#FFFFFF;
  --raon-light:#29313A; --raon-mid:#4E5965; --raon-muted:#64707B;
  --raon-muted-2:#78838E; --raon-dark-gray:#A8B0B7;
}
html, body {background:#FFFFFF !important;color:#29313A !important;}
body a {color:#29313A;}
body a:hover {color:#B91C24;}
#header {background:#20262D !important;color:#FFFFFF !important;}
#header #top, header .top-bar, header .header-top, header .top-header,
#header .header-main, header .header-middle, header .main-header, header .header-center {
 background:#20262D !important;border-color:#353D45 !important;
}
#header a, #header #top a, #header .dropdown-toggle, #header #cart > button {color:#F5F6F7 !important;}
#menu {background:#20262D !important;border-color:#353D45 !important;}
#menu .navbar-nav > li > a, #menu .nav > li > a {color:#FFFFFF !important;}
#menu .navbar-nav > li > a:hover, #menu .nav > li > a:hover {background:#303943 !important;}
#menu .dropdown-menu {background:#FFFFFF !important;border-color:#E3E6E9 !important;}
#menu .dropdown-menu a, #menu .dropdown-inner a {color:#29313A !important;}
#menu .dropdown-menu a:hover, #menu .dropdown-inner a:hover {background:#F5F6F7 !important;color:#B91C24 !important;}
#content, #product-category, #product-product, #checkout-cart, #checkout-checkout,
#account-account, #account-login, #account-register {background:#FFFFFF !important;color:#29313A !important;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6,
#product-product h1, #product-product h2, #product-product h3, #product-product h4 {color:#20262D !important;}
#content p {color:#4E5965;}
#content .raon-section-title, #content .module-title, #content .heading-title,
#content .ta-shop-category-header h2, #content .ta-shop-category-header h3,
#content .ta-shop-category-title {color:#20262D !important;}
#content .raon-section-title:before, #content .module-title:before,
#content .heading-title:before, #content .ta-shop-category-title:before {background:#B91C24 !important;}
#content .module, #content .box, #content .panel, #content .well,
#content .information-box {background:#F5F6F7 !important;color:#29313A !important;border-color:#E3E6E9 !important;}
#content .product-thumb {background:#F5F6F7 !important;border-color:#E3E6E9 !important;}
#content .product-thumb .caption {background:#F5F6F7 !important;}
#content .product-thumb .caption h4, #content .product-thumb .caption h4 a,
#content .product-thumb .caption .name, #content .product-thumb .caption .product-name {color:#20262D !important;}
#content .product-thumb .description {color:#64707B !important;}
#content .product-thumb .image {background:#FFFFFF !important;border-color:#E3E6E9 !important;}
#content .product-thumb .button-group {background:#F5F6F7 !important;border-color:#E3E6E9 !important;}
#content .btn-primary, #content .btn-success, #content .btn-info,
#content .btn-warning, .btn-raon {background:#B91C24 !important;border-color:#B91C24 !important;color:#FFFFFF !important;}
#content .btn-primary:hover, #content .btn-success:hover, #content .btn-info:hover,
#content .btn-warning:hover, .btn-raon:hover {background:#94171D !important;border-color:#94171D !important;color:#FFFFFF !important;}
#content .btn-default, #content .btn-secondary {background:#FFFFFF !important;color:#20262D !important;border-color:#D6DADE !important;}
#content .form-control, #content select, #content textarea,
#content input[type='text'], #content input[type='email'], #content input[type='tel'],
#content input[type='number'], #content input[type='password'] {background:#FFFFFF !important;color:#20262D !important;border-color:#CDD3D9 !important;}
#content .form-control::placeholder, #content input::placeholder {color:#78838E !important;}
#content .table {color:#29313A !important;}
#content .table > thead > tr > th {background:#F5F6F7 !important;color:#20262D !important;border-color:#E3E6E9 !important;}
#content .table > tbody > tr > td, #content .table > tbody > tr > th,
#content .table > tfoot > tr > td {background:#FFFFFF !important;color:#29313A !important;border-color:#E3E6E9 !important;}
#content .list-group-item, #product-category .list-group {background:#FFFFFF !important;color:#29313A !important;border-color:#E3E6E9 !important;}
#content .list-group a, #product-category .list-group-item a {color:#29313A !important;}
#content .pagination > li > a, #content .pagination > li > span {background:#FFFFFF !important;color:#29313A !important;border-color:#E3E6E9 !important;}
#content .pagination > .active > a {background:#B91C24 !important;color:#FFFFFF !important;border-color:#B91C24 !important;}
#content .ta-shop-category-card, #content .ta-appmod-card {border-color:#E3E6E9 !important;}
#content .ta-shop-category-label, #content .ta-appmod-name,
#content .ta-shop-category-button {color:#FFFFFF !important;}
.raon-benefit-strip {background:#F5F6F7 !important;border-color:#E3E6E9 !important;}
.raon-benefit-item {border-color:#E3E6E9 !important;}
.raon-benefit-icon {color:#B91C24 !important;}
.raon-benefit-title {color:#20262D !important;}
.raon-benefit-text {color:#64707B !important;}
footer {background:#20262D !important;color:#C8CFD5 !important;border-color:#353D45 !important;}
footer a {color:#C8CFD5 !important;}
footer a:hover {color:#FFFFFF !important;}
footer h3, footer h4, footer h5, footer .footer-title {color:#FFFFFF !important;}
footer .copyright, footer .footer-bottom, footer .powered {background:#171C21 !important;color:#B4BDC6 !important;border-color:#353D45 !important;}

/* RAON Premium Light — Product Cards */
#content .product-thumb {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

#content .product-thumb .caption {
    background: #FFFFFF !important;
}

#content .product-thumb .caption h4,
#content .product-thumb .caption h4 a {
    color: #20262D !important;
}

#content .product-thumb .description {
    color: #606873 !important;
}

#content .product-thumb:hover {
    border-color: #CDD2D8 !important;
    box-shadow: 0 8px 22px rgba(0,0,0,0.09) !important;
}

#content .product-thumb .image {
    background: #FFFFFF !important;
    border-bottom: 1px solid #F0F1F3 !important;
}

/* RAON Premium Light — Category Description Fix */

/* Category page headings */
#product-category h1,
#product-category h2,
#product-category h3,
#content h1,
#content h2 {
    color: #20262D !important;
}

/* Category descriptions */
#product-category .description,
#product-category .description p,
#product-category .description li,
#product-category .category-description,
#product-category .category-description p,
#product-category .category-description li,
#product-category #content > p,
#product-category #content > div > p,
#product-category #content > ul li {
    color: #374151 !important;
}

/* Text inside category descriptions */
#product-category .description strong,
#product-category .description b,
#product-category .category-description strong,
#product-category .category-description b {
    color: #20262D !important;
}

/* General content paragraphs, excluding product cards */
#content > p,
#content > div > p {
    color: #374151 !important;
}

/* RAON Category Text — Final Contrast Fix */
#product-category #content > .row p,
#product-category #content > .row li {
    color: #374151 !important;
}

#product-category #content > .row p strong,
#product-category #content > .row p b,
#product-category #content > .row li strong {
    color: #20262D !important;
}

/* RAON Premium Light — Homepage Product Cards */

#common-home .product-thumb,
#product-category .product-thumb {
    background: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

#common-home .product-thumb .content,
#product-category .product-thumb .content {
    background: #FFFFFF !important;
}

#common-home .product-thumb h4,
#common-home .product-thumb h4 a,
#product-category .product-thumb h4,
#product-category .product-thumb h4 a {
    color: #20262D !important;
}

#common-home .product-thumb:hover,
#product-category .product-thumb:hover {
    border-color: #CDD2D8 !important;}

/* RAON — Override Original Dark Product Cards */

#common-home #content .product-thumb,
#product-category #content .product-thumb {
    background: #FFFFFF !important;
    background-color: #FFFFFF !important;
    border: 1px solid #E5E7EB !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}

#common-home #content .product-thumb .content,
#product-category #content .product-thumb .content {
    background: #FFFFFF !important;
}

#common-home #content .product-thumb h4,
#common-home #content .product-thumb h4 a,
#product-category #content .product-thumb h4,
#product-category #content .product-thumb h4 a {
    color: #20262D !important;
}
/* Full-width category selection section */
#content .ta-shop-category {
    width: 100%;
    max-width: none;
}

#content .ta-shop-category-grid {
    width: 100%;
    max-width: none;
}
/* Full-width category bar */
#content .ta-shop-category {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}
/* RAON full-width category navigation */
main > .container > #menu {
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    border-radius: 0 !important;
}