/*
Theme Name: News Magazine X Child
Theme URI: https://wp-royal-themes.com/themes/item-news-magazine-x-free/#!/demo-preview
Template: news-magazine-x
Author: WP Royal Themes
Author URI: https://wp-royal-themes.com/#ultimate-heading-229367ca4dce90c11
Description: Easy to use Personal and Multi-Author Free WordPress Blog Magazine Theme - Suitable for WordPress Beginners and for Professionals as Well. Perfect for bloggers, journalists, and online magazines, news, blogs, and magazine websites. The theme has built in Magazine Grid Widget, Classic Post Grid Widget, Featured Tabs widget, Featured Post Widget, Subscription (newsletter) Widget, Category List widget and many other widgets. You can place your ads anywhere on the website, including the header, footer, various homepage sections, and other pages as well. The theme also offers a Header Footer builder with a Menu Widget, Logo Widget, News Ticker Widget, Social Icons Widget, Search Widget, Dark Mode Switcher Widget, Weather Widget (PRO), Random Post Widget, Offcanvas Widget (side menu) Widget, Header Image and another widget to build eye catching headers and footers. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, Search engine optimized fast loading speed, and SEO optimization, compatibility with many popular plugins & of course translation ready, coded with best SEO practices. Complies with the General Data Protection Regulation (GDPR) guidelines by refraining from collecting any personal data restricted under GDPR. Works perfectly with all major drag-and-drop page builders like Elementor, Gutenberg, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: https://news-magazine-x-free.wp-royal-themes.com/demo/
Tags: news,blog,entertainment,one-column,two-columns,grid-layout,list-layout,block-styles,right-sidebar,custom-header,flexible-header,custom-background,custom-colors,custom-menu,featured-images,post-formats,sticky-post,rtl-language-support,footer-widgets,theme-options,threaded-comments,translation-ready,e-commerce
Version: 1.2.54.1778742661
Updated: 2026-05-14 07:11:01

*/

/* =============================================================
   WOOCOMMERCE — Brand Color Variables
   Primary: Dark Navy Blue  |  Accent: Bright Blue (#2a91eb)
   ============================================================= */

/* Single Product Page — Two Column Layout */
.crew-woo-product-container {
    max-width: 1300px;
    margin: 30px auto;
    padding: 0 20px;
}

.woocommerce div.product {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    align-items: flex-start;
}

/* Image column — left side */
.woocommerce div.product .woocommerce-product-gallery {
    flex: 0 0 45%;
    max-width: 45%;
}

/* Constrain image height so it doesn't dominate the layout */
.woocommerce div.product .woocommerce-product-gallery img {
    /* max-height: 480px; */
    /* object-fit: cover; */
    width: 100%;
    border-radius: 6px;
}

/* Details column — right side */
.woocommerce div.product .entry-summary {
    flex: 1;
    min-width: 280px;
}

/* Tabs (Description/Additional Info) — must be full width below image+details */
.woocommerce div.product .woocommerce-tabs {
    flex: 0 0 100%;
    width: 100%;
}

/* Related products — full width below tabs */
.woocommerce div.product .related.products {
    flex: 0 0 100%;
    width: 100%;
}

/* Up-sells — full width */
.woocommerce div.product .up-sells {
    flex: 0 0 100%;
    width: 100%;
}

@media (max-width: 768px) {
    .woocommerce div.product .woocommerce-product-gallery,
    .woocommerce div.product .entry-summary {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .woocommerce div.product .woocommerce-product-gallery img {
        max-height: 350px;
    }
    .wc-block-cart__main .wc-block-cart-items{
        border: none !important;
    }
}

/* WooCommerce Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #2a91eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    padding: 12px 24px !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #0d1b2a !important;
    color: #ffffff !important;
}

/* Price */
.woocommerce .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #2a91eb !important;
    font-size: 1.5em !important;
    font-weight: 700 !important;
}

/* Sale badge */
.woocommerce span.onsale {
    background-color: #2a91eb !important;
    color: #fff !important;
}

/* Empty cart — sale badge (block grid) */
.wc-block-grid__product-onsale {
    background-color: #2a91eb !important;
    color: #fff !important;
    border: none !important;
}

/* Product Title */
.woocommerce div.product .product_title {
    color: #0d1b2a !important;
    font-size: 1.8em !important;
}

/* Shop Page — Product Grid */
.woocommerce ul.products li.product .price {
    color: #2a91eb !important;
}

.woocommerce ul.products li.product a:hover .woocommerce-loop-product__title {
    color: #2a91eb !important;
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: #2a91eb !important;
    color: #fff !important;
    border-color: #2a91eb !important;
}

/* Shop & Category Archive — Container & Spacing */
.woocommerce-shop .site-main,
.tax-product_cat .site-main,
.woocommerce-page .site-main {
    max-width: 1300px;
    margin: 0 auto;
    padding: 30px 20px;
    width: 100%;
    box-sizing: border-box;
}

/* "View cart" link after adding product — styled as a button */
.woocommerce ul.products li.product a.added_to_cart {
    display: inline-block !important;
    background-color: #0d1b2a !important;
    color: #ffffff !important;
    padding: 10px 18px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    margin-top: 6px !important;
    margin-left: 10px !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce ul.products li.product a.added_to_cart:hover {
    background-color: #2a91eb !important;
}

/* Cart & Checkout — Container */
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    max-width: 1300px;
    margin: 30px auto;
    padding: 0 20px;
}

/* Cart page — table styling */
.woocommerce-cart table.cart {
    border-collapse: collapse;
    width: 100%;
}

.woocommerce-cart table.cart th {
    background-color: #0d1b2a !important;
    color: #ffffff !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
}

.woocommerce-cart table.cart td {
    padding: 16px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid #eee !important;
}

.woocommerce-cart table.cart td.product-name a {
    color: #0d1b2a !important;
    font-weight: 600 !important;
}

.woocommerce-cart table.cart td.product-name a:hover {
    color: #2a91eb !important;
}

.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal {
    color: #2a91eb !important;
    font-weight: 600 !important;
}

/* Cart totals box */
.woocommerce-cart .cart-collaterals .cart_totals {
    background: #f9f9f9 !important;
    padding: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #eee !important;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
    color: #0d1b2a !important;
    font-size: 1.2em !important;
    margin-bottom: 16px !important;
    border-bottom: 2px solid #2a91eb !important;
    padding-bottom: 10px !important;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    border: 2px solid #2a91eb !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

/* Proceed to Checkout — Classic cart */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout .checkout-button,
.woocommerce a.checkout-button,
.woocommerce button.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a,
.woocommerce .cart .checkout-button,
.woocommerce-cart .cart .checkout-button {
    background-color: #2a91eb !important;
    color: #fff !important;
    font-size: 16px !important;
    padding: 14px 30px !important;
    display: block !important;
    text-align: center !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    border: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a:hover,
.woocommerce .cart .checkout-button:hover,
.woocommerce-cart .cart .checkout-button:hover {
    background-color: #0d1b2a !important;
}

/* Proceed to Checkout — Block cart (WooCommerce Blocks) */
.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button,
.wc-block-cart__submit-container .wc-block-cart__submit-button {
    background-color: #2a91eb !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    padding: 14px 30px !important;
    width: 100% !important;
    transition: background-color 0.3s ease !important;
}

.wc-block-cart__submit-button:hover {
    background-color: #0d1b2a !important;
    color: #fff !important;
}

/* Block cart — price colors */
.wc-block-cart .wc-block-components-product-price,
.wc-block-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    color: #2a91eb !important;
}

/* Block cart — product name */
.wc-block-cart .wc-block-components-product-name,
.wc-block-cart .wc-block-components-product-name a {
    color: #0d1b2a !important;
    font-weight: 600 !important;
}

.wc-block-cart .wc-block-components-product-name a:hover {
    color: #2a91eb !important;
}

/* Block cart — table: make bottom border visible */
.wc-block-cart__main .wc-block-cart-items {
    border-bottom: 1px solid #0d1b2a !important;
}

/* Block cart — header row: no extra border (first row td already has border-top) */
.wc-block-cart-items__header th {
    color: #0d1b2a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}

/* Separator between header and items */
table.wc-block-cart-items thead {
    border-bottom: 1px solid #0d1b2a !important;
}

/* Remove WooCommerce's default border-top between cart item rows */
.wc-block-cart__main .wc-block-cart-items td {
    border-top: none !important;
}

/* Block cart — mobile layout fixes */
@media (max-width: 768px) {
    /* Remove table border on mobile */
    .wc-block-cart__main .wc-block-cart-items {
        border-bottom: none !important;
    }

    /* Separator between each item on mobile (each item is its own tbody) */
    table.wc-block-cart-items tbody + tbody {
        border-top: 1px solid #eee !important;
    }

    /* Padding for mobile cart item cells */
    table.wc-block-cart-items .wc-block-cart-items__row td {
        padding: 12px 8px !important;
    }
}

/* Hide the "Product" text inside the narrow 80px image column */
.wc-block-cart-items__header-image span {
    display: none !important;
}

/* Make the wide product-th visible */
table.wc-block-cart-items .wc-block-cart-items__header .wc-block-cart-items__header-product {
    visibility: visible !important;
}

/* Hide "Details" text and replace with "PRODUCT" */
.wc-block-cart-items__header-product span {
    display: none !important;
}

.wc-block-cart-items__header-product::before {
    content: "PRODUCT";
    font-size: 12px;
    font-weight: 700;
    color: #0d1b2a;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

/* Block cart — item prices */
.wc-block-cart .wc-block-cart-item__prices .wc-block-components-product-price,
.wc-block-cart .wc-block-cart-item__total .wc-block-components-product-price,
.wc-block-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper .wc-block-components-product-price {
    color: #2a91eb !important;
    font-weight: 600 !important;
}

/* Block cart — coupon Apply button */
.wc-block-components-totals-coupon__button,
.wc-block-components-totals-coupon__button .wc-block-components-button__text {
    background-color: #2a91eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    transition: background-color 0.3s ease !important;
}

.wc-block-components-totals-coupon__button:hover,
.wc-block-components-totals-coupon__button:hover .wc-block-components-button__text {
    background-color: #0d1b2a !important;
    color: #ffffff !important;
}

/* Block checkout — Place Order button */
.wc-block-checkout button.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button,
button.wc-block-components-checkout-place-order-button {
    background-color: #2a91eb !important;
    background: #2a91eb !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    width: 100% !important;
    font-size: 16px !important;
    padding: 14px 30px !important;
    transition: background-color 0.3s ease !important;
    opacity: 1 !important;
}

.wc-block-checkout button.wc-block-components-checkout-place-order-button:hover,
button.wc-block-components-checkout-place-order-button:hover {
    background-color: #0d1b2a !important;
    background: #0d1b2a !important;
    color: #fff !important;
}

/* Block checkout — Return to Cart button */
.wc-block-components-checkout-return-to-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    padding: 14px 20px 14px 44px !important;
    background-color: transparent !important;
    color: #0d1b2a !important;
    border: 2px solid #0d1b2a !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
}

.wc-block-components-checkout-return-to-cart-button:hover {
    background-color: #0d1b2a !important;
    color: #ffffff !important;
}

/* Place Order button */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    background-color: #2a91eb !important;
    color: #fff !important;
    font-size: 18px !important;
    padding: 14px 30px !important;
    border-radius: 6px !important;
    border: none !important;
    width: 100% !important;
    transition: background-color 0.3s ease !important;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    background-color: #0d1b2a !important;
}

/* Breadcrumb */
.woocommerce .woocommerce-breadcrumb a {
    color: #2a91eb !important;
}

/* Empty cart — widen "New in store" block and left-align to match shop page */
.woocommerce-cart .wp-block-woocommerce-product-new {
    max-width: 100% !important;
}

/* Left-align all product card content (WooCommerce blocks center by default) */
.wc-block-grid__product {
    text-align: left !important;
}

.wc-block-grid__product .wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-add-to-cart,
.wc-block-grid__product .wc-block-grid__product-rating {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Empty cart — "New in store" product buttons: auto width, left-aligned like shop page */
.wc-block-grid__product-add-to-cart a.wp-block-button__link,
.wc-block-grid__product-add-to-cart .wp-block-button__link {
    background-color: #2a91eb !important;
    background: #2a91eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    padding: 10px 20px !important;
    transition: background-color 0.3s ease !important;
    width: auto !important;
    display: inline-block !important;
    text-decoration: none !important;
}

.wc-block-grid__product-add-to-cart a.wp-block-button__link:hover {
    background-color: #0d1b2a !important;
    background: #0d1b2a !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

/* Empty cart — product name: dark, no underline, like shop page */
.wc-block-grid__product-title {
    color: #0d1b2a !important;
    font-size: 1em !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: left !important;
}

.wc-block-grid__product-link,
.wc-block-grid__product-link:hover {
    text-decoration: none !important;
    color: #0d1b2a !important;
}

.wc-block-grid__product-link:hover .wc-block-grid__product-title {
    color: #2a91eb !important;
}

/* Empty cart — price: blue and bold like shop page, left-aligned */
.wc-block-grid__product-price {
    color: #2a91eb !important;
    font-weight: 700 !important;
    font-size: 1.5em !important;
    text-align: left !important;
}

.wc-block-grid__product-price .woocommerce-Price-amount {
    color: #2a91eb !important;
}

.wc-block-grid__product-price del .woocommerce-Price-amount {
    color: #999 !important;
    font-weight: 400 !important;
}

/* Single Product — Quantity input */
.woocommerce .quantity input.qty {
    height: 48px !important;
    width: 70px !important;
    border: 2px solid #0d1b2a !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #0d1b2a !important;
    text-align: center !important;
    padding: 0 8px !important;
    background-color: #fff !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.woocommerce .quantity input.qty:focus {
    outline: none !important;
    border-color: #2a91eb !important;
}

/* Single Product — Quantity + Add to cart row alignment */
.woocommerce .cart {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* =============================================================
   FLOATING CART ICON
   ============================================================= */

#crew-floating-cart {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}

#crew-floating-cart a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #2a91eb;
    color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    position: relative;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

#crew-floating-cart a:hover {
    background-color: #0d1b2a;
    transform: scale(1.08);
}

#crew-floating-cart svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#crew-cart-count {
    display: none;
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #0d1b2a;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

#crew-cart-count.has-items {
    display: flex;
}

@media (max-width: 480px) {
    #crew-floating-cart {
        bottom: 20px;
        right: 16px;
    }
}

/* Full Width Post Template - remove sidebar constraints */
.newsx-no-sidebar .newsx-single-inner {
    display: block;
}

.newsx-no-sidebar .newsx-single-inner #primary {
    width: 100%;
    max-width: 100%;
    flex: none;
}