/* =============================================

   WOOCOMMERCE CART PAGE STYLES

   ============================================= */



/* Cart Hero Section */

.page-cart-modern .cart-hero-section {

    position: relative;

    padding: 80px 0 60px;

    background: linear-gradient(135deg, #0099d4 0%, #0099d4 100%);

    color: white;

    overflow: hidden;

}



.page-cart-modern .cart-hero-background {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: 

        radial-gradient(circle at 25% 25%, rgba(255,255,255,0.1) 0%, transparent 50%),

        radial-gradient(circle at 75% 75%, rgba(255,255,255,0.05) 0%, transparent 50%);

    animation: cartFloat 6s ease-in-out infinite;

}



.cart_totals .button {background-color:#00A8E5;}



@media (max-width:467px) {

    .page-cart-modern .cart-actions-left, .page-cart-modern .cart-actions-right {

        display:block!important;

    }

}





@keyframes cartFloat {

    0%, 100% { transform: translateY(0px); }

    50% { transform: translateY(-10px); }

}



.page-cart-modern .cart-hero-container {

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 20px;

    position: relative;

    z-index: 2;

}



.page-cart-modern .cart-hero-content {

    text-align: center;

}



/* Breadcrumbs */

.page-cart-modern .cart-breadcrumb {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    margin-bottom: 20px;

    font-size: 0.9em;

}



.page-cart-modern .cart-breadcrumb a {

    color: rgba(255,255,255,0.8);

    text-decoration: none;

    transition: color 0.3s ease;

}



.page-cart-modern .cart-breadcrumb a:hover {

    color: white;

}



.page-cart-modern .cart-breadcrumb .breadcrumb-separator {

    color: rgba(255,255,255,0.6);

    margin: 0 5px;

}



/* Hero Title */

.page-cart-modern .cart-hero-title {

    font-size: 3em !important;

    font-weight: 300 !important;

    margin-bottom: 15px !important;

    color: white !important;

    line-height: 1.2 !important;

}



.page-cart-modern .cart-hero-subtitle {

    font-size: 1.2em;

    color: rgba(255,255,255,0.9);

    margin: 0;

}



/* Main Cart Section */

.page-cart-modern .main-cart-section {

    padding: 20px 0;

    background: #f8faff;

}



.page-cart-modern .main-cart-container {

    max-width: 1600px;

    margin: 0 auto;

    padding: 0 20px;

}



/* Cart Layout */

.page-cart-modern .cart-layout {

    display: grid;

    grid-template-columns: 1fr 400px;

    gap: 40px;

    align-items: start;

}



/* Cart Items Section */

.page-cart-modern .cart-items-section {

    background: white;

    border-radius: 12px;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08);

    overflow: hidden;

    border: 1px solid rgba(255,255,255,0.8);

}



.page-cart-modern .cart-items-wrapper {

    padding: 0;

}



/* Cart Items Header */

.page-cart-modern .cart-items-header {

    padding: 30px 30px 20px;

    border-bottom: 1px solid #e5e7eb;

    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);

}



.page-cart-modern .cart-section-title {

    display: flex;

    align-items: center;

    gap: 12px;

    font-size: 1.5em !important;

    font-weight: 600 !important;

    color: #2c3e50 !important;

    margin: 0 0 8px 0 !important;

}



.page-cart-modern .title-icon {

    color: #00b7f5;

}



.page-cart-modern .cart-section-subtitle {

    color: #7f8c8d;

    margin: 0;

    font-size: 0.95em;

}



/* Cart Items List */

.page-cart-modern .cart-items-list {

    padding: 0;

}



/* Individual Cart Item */

.page-cart-modern .cart-item-card {

    display: grid;

    grid-template-columns: 120px 1fr auto auto auto auto;

    gap: 20px;

    align-items: center;

    padding: 30px;

    border-bottom: 1px solid #f0f0f0;

    transition: all 0.3s ease;

    position: relative;

}



.page-cart-modern .cart-item-card:last-child {

    border-bottom: none;

}



.page-cart-modern .cart-item-card:hover {

    background: #f8faff;

}



/* Product Image */

.page-cart-modern .cart-item-image {

    position: relative;

    overflow: hidden;

    border-radius: 8px;

    background: #f8faff;

    border: 1px solid #e5e7eb;

}



.page-cart-modern .cart-item-image img {

    width: 100%;

    height: 100px;

    object-fit: cover;

    transition: transform 0.3s ease;

}



.page-cart-modern .cart-item-image:hover img {

    transform: scale(1.05);

}



/* Product Details */

.page-cart-modern .cart-item-details {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.page-cart-modern .cart-item-name {

    font-size: 1.1em;

    font-weight: 600;

    color: #2c3e50;

    line-height: 1.3;

}



.page-cart-modern .cart-item-name a {

    color: #2c3e50;

    text-decoration: none;

    transition: color 0.3s ease;

}



.page-cart-modern .cart-item-name a:hover {

    color: #00b7f5;

}



.page-cart-modern .cart-item-price {

    font-size: 1em;

    color: #7f8c8d;

    font-weight: 500;

}



.page-cart-modern .cart-item-stock-status {

    display: flex;

    align-items: center;

    gap: 5px;

    font-size: 0.85em;

    font-weight: 500;

}



.page-cart-modern .cart-item-stock-status.out-of-stock {

    color: #e74c3c;

}



.page-cart-modern .cart-item-stock-status .status-icon {

    font-size: 1em;

}



/* Quantity Controls */

.page-cart-modern .cart-item-quantity {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 8px;

}



.page-cart-modern .quantity-label {

    font-size: 0.85em;

    font-weight: 600;

    color: #7f8c8d;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    margin: 0;

}



.page-cart-modern .quantity-controls {

    display: flex;

    align-items: center;

    border: 2px solid #e5e7eb;

    border-radius: 8px;

    overflow: hidden;

    background: white;

}



.page-cart-modern .quantity-btn {



    border: none;

    background: #f1f5f9;

    color: #374151;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    transition: all 0.3s ease;

    margin:0px;

}



.page-cart-modern .quantity-btn:hover {

    background: #00b7f5;

    color: white;

}



.page-cart-modern .button-continue-shopping {border-radius:8px;}



.page-cart-modern input[type=number] {box-shadow:unset;}



.page-cart-modern .cart-quantity-input {

    width: 60px !important;

    height: 36px !important;

    border: none !important;

    text-align: center !important;

    font-size: 0.95em !important;

    font-weight: 600 !important;

    color: #374151 !important;

    background: white !important;

    outline: none !important;

    margin: 0 !important;

    padding: 0 !important;

}



/* Item Total */

.page-cart-modern .cart-item-total {

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 4px;

}



.page-cart-modern .total-label {

    font-size: 0.85em;

    font-weight: 600;

    color: #7f8c8d;

    text-transform: uppercase;

    letter-spacing: 0.5px;

}



.page-cart-modern .total-amount {

    font-size: 1.2em;

    font-weight: 700;

    color: #00b7f5;

}



/* Remove Item */

.page-cart-modern .cart-item-remove {

    display: flex;

    align-items: center;

    justify-content: center;

}



.page-cart-modern .remove-item-btn {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 8px 12px;

    background: transparent;

    color: #e74c3c;

    border: 2px solid #e74c3c;

    border-radius: 8px;

    text-decoration: none;

    font-size: 0.9em;

    font-weight: 500;

    transition: all 0.3s ease;

}



.page-cart-modern .remove-item-btn:hover {

    background: #e74c3c;

    color: white;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);

}



.page-cart-modern .remove-text {

    display: inline;

}



/* Cart Actions */

.page-cart-modern .cart-actions {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 30px;

    background: #f8faff;

    border-top: 1px solid #e5e7eb;

}



.page-cart-modern .cart-actions-left,

.page-cart-modern .cart-actions-right {

    display: flex;

    gap: 15px;

    align-items: center;

}



.page-cart-modern .checkout-button {line-height:24px;}



.page-cart-modern .continue-shopping-btn,

.page-cart-modern .update-cart-btn,

.page-cart-modern .clear-cart-btn {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 0px 20px;

    border-radius: 8px;

    font-weight: 600;

    text-decoration: none;

    transition: all 0.3s ease;

    border: none;

    cursor: pointer;

    font-size: 0.95em;

}



.page-cart-modern .continue-shopping-btn {

    background: transparent;

    color: #7f8c8d;

    border: 2px solid #e5e7eb;

}



.page-cart-modern .continue-shopping-btn:hover {

    background: #f1f5f9;

    color: #2c3e50;

    border-color: #d1d5db;

}



.page-cart-modern .update-cart-btn {

    background: #00b7f5;

    color: white;

    border: 2px solid #00b7f5;

}



.page-cart-modern .update-cart-btn:hover {

    background: #0099d4;

    border-color: #0099d4;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(0, 183, 245, 0.3);

}



.page-cart-modern .clear-cart-btn {

    background: transparent;

    color: #e74c3c;

    border: 2px solid #e74c3c;

}



.page-cart-modern .clear-cart-btn:hover {

    background: #e74c3c;

    color: white;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.3);

}



/* Cart Sidebar */

.page-cart-modern .cart-sidebar {

    display: flex;

    flex-direction: column;

    gap: 30px;

}



/* Sidebar Sections */

.page-cart-modern .cart-sidebar-section {

    background: white;

    border-radius: 12px;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08);

    overflow: hidden;

    border: 1px solid rgba(255,255,255,0.8);

}



.page-cart-modern .section-header {

    padding: 25px 25px 15px;

    border-bottom: 1px solid #e5e7eb;

    background: linear-gradient(135deg, #f8faff 0%, #ffffff 100%);

}



.page-cart-modern .section-title {

    display: flex;

    align-items: center;

    gap: 10px;

    font-size: 1.2em !important;

    font-weight: 600 !important;

    color: #2c3e50 !important;

    margin: 0 !important;

}



/* Coupon Section */

.page-cart-modern .coupon-section .coupon-form {

    padding: 25px;

}



.page-cart-modern .coupon-input-group {

    display: flex;

    gap: 12px;

    align-items: stretch;

}



.page-cart-modern .coupon-input {

    flex: 1;

    padding: 12px 16px !important;

    border: 2px solid #e5e7eb !important;

    border-radius: 8px !important;

    font-size: 0.95em !important;

    color: #374151 !important;

    background: white !important;

    transition: all 0.3s ease !important;

    outline: none !important;

}



.page-cart-modern .coupon-input:focus {

    border-color: #00b7f5 !important;

    box-shadow: 0 0 0 3px rgba(0, 183, 245, 0.1) !important;

}



.page-cart-modern .coupon-apply-btn {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 12px 20px !important;

    background: #00b7f5 !important;

    color: white !important;

    border: none !important;

    border-radius: 8px !important;

    font-weight: 600 !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

    white-space: nowrap !important;

}



.page-cart-modern .coupon-apply-btn:hover {

    background: #0099d4 !important;

    transform: translateY(-2px);

    box-shadow: 0 4px 12px rgba(0, 183, 245, 0.3);

}



/* Cart Totals Styling */

.page-cart-modern .cart-totals-section .cart-collaterals {

    padding: 0;

}



.page-cart-modern .cart_totals {

    width: 100% !important;

    background: transparent !important;

    border: none !important;

    padding: 25px !important;

}



.page-cart-modern .cart_totals h2 {

    display: none !important;

    align-items: center !important;

    gap: 10px !important;

    font-size: 1.2em !important;

    font-weight: 600 !important;

    color: #2c3e50 !important;

    margin: 0 0 20px 0 !important;

    padding: 0 0 15px 0 !important;

    border-bottom: 0px solid #e5e7eb !important;

}



.page-cart-modern .cart_totals h2::before {

    content: '💰';

    font-size: 0.9em;

}



.page-cart-modern .cart_totals table {

    width: 100% !important;

    border-collapse: collapse !important;

    margin: 0 !important;

}



.page-cart-modern .cart_totals th,

.page-cart-modern .cart_totals td {

    padding: 12px 0 !important;

    border: none !important;

    border-bottom: 1px solid #f0f0f0 !important;

    text-align: left !important;

}



.page-cart-modern .cart_totals th {

    font-weight: 500 !important;

    color: #7f8c8d !important;

    font-size: 0.95em !important;

    width: 50% !important;

}



.page-cart-modern .cart_totals td {

    font-weight: 500 !important;

    color: #2c3e50 !important;

    text-align: right !important;

}



.page-cart-modern .cart_totals .order-total th,

.page-cart-modern .cart_totals .order-total td {

    font-size: 1.1em !important;

    font-weight: 700 !important;

    color: #2c3e50 !important;

    border-bottom: none !important;

    padding-top: 20px !important;

}



/* Proceed to Checkout Button */

.page-cart-modern .wc-proceed-to-checkout {

    margin-top: 25px !important;

    text-align: center !important;

}



.page-cart-modern .checkout-button {

    display: inline-flex !important;

    align-items: center !important;

    gap: 12px !important;

    padding: 18px 40px !important;

    background: linear-gradient(135deg, #00b7f5 0%, #0099d4 100%) !important;

    color: white !important;

    border: none !important;

    border-radius: 12px !important;

    font-size: 0.8em !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;

    letter-spacing: 1px !important;

    cursor: pointer !important;

    transition: all 0.3s ease !important;

    text-decoration: none !important;

    position: relative !important;

    overflow: hidden !important;

    width: 100% !important;

    justify-content: center !important;

}



.page-cart-modern .checkout-button::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: -100% !important;

    width: 100% !important;

    height: 100% !important;

    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent) !important;

    transition: left 0.6s ease !important;

}



.page-cart-modern .checkout-button:hover::before {

    left: 100% !important;

}



.page-cart-modern .checkout-button:hover {

    transform: translateY(-3px) !important;

    box-shadow: 0 10px 30px rgba(0, 183, 245, 0.4) !important;

    color: white !important;

    text-decoration: none !important;

}



.page-cart-modern .checkout-button::after {

    content: '→' !important;

    margin-left: 8px !important;

    transition: transform 0.3s ease !important;

}



.page-cart-modern .checkout-button:hover::after {

    transform: translateX(5px) !important;

}



/* Empty Cart Section */

.page-cart-modern .empty-cart-section {

    text-align: center;

    padding: 100px 20px;

    background: white;

    border-radius: 12px;

    box-shadow: 0 8px 30px rgba(0,0,0,0.08);

    border: 1px solid rgba(255,255,255,0.8);

}



.page-cart-modern .empty-cart-content {

    max-width: 500px;

    margin: 0 auto;

}



.page-cart-modern .empty-cart-icon {

    color: #d1d5db;

    margin-bottom: 30px;

}



.page-cart-modern .empty-cart-title {

    font-size: 2em !important;

    font-weight: 300 !important;

    color: #2c3e50 !important;

    margin-bottom: 15px !important;

}



.page-cart-modern .empty-cart-description {

    color: #7f8c8d;

    font-size: 1.1em;

    line-height: 1.6;

    margin-bottom: 40px;

}



.page-cart-modern .start-shopping-btn {

    display: inline-flex;

    align-items: center;

    gap: 12px;

    padding: 18px 40px;

    background: linear-gradient(135deg, #00b7f5 0%, #0099d4 100%);

    color: white;

    border: none;

    border-radius: 12px;

    font-size: 1.1em;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    cursor: pointer;

    transition: all 0.3s ease;

    text-decoration: none;

}



.page-cart-modern .start-shopping-btn:hover {

    transform: translateY(-3px);

    box-shadow: 0 10px 30px rgba(0, 183, 245, 0.4);

    color: white;

    text-decoration: none;

}



/* WooCommerce Notices */

.page-cart-modern .woocommerce-notices-wrapper {

    margin-bottom: 30px;

}



.page-cart-modern .woocommerce-message,

.page-cart-modern .woocommerce-error,

.page-cart-modern .woocommerce-info {

    padding: 15px 20px !important;

    border-radius: 8px !important;

    margin-bottom: 15px !important;

    border: none !important;

    position: relative !important;

    padding-left: 50px !important;

    margin-left: 15px!important;

    margin-right: 15px!important;

}



.page-cart-modern .woocommerce-message {

    background: #d1fae5 !important;

    color: #065f46 !important;

}



.page-cart-modern .woocommerce-error {

    background: #fef2f2 !important;

    color: #7f1d1d !important;

}



.page-cart-modern .woocommerce-info {

    background: #dbeafe !important;

    color: #1e3a8a !important;

}



.page-cart-modern .woocommerce-message::before {

    content: '✓' !important;

    position: absolute !important;

    left: 20px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    font-weight: bold !important;

    color: #10b981 !important;

}



.page-cart-modern .woocommerce-error::before {

    content: '⚠' !important;

    position: absolute !important;

    left: 20px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    font-weight: bold !important;

    color: #ef4444 !important;

}



.page-cart-modern .woocommerce-info::before {

    content: 'ℹ' !important;

    position: absolute !important;

    left: 20px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    font-weight: bold !important;

    color: #3b82f6 !important;

}



/* Responsive Design */

@media (max-width: 1200px) {

    .page-cart-modern .cart-layout {

        grid-template-columns: 1fr 350px;

        gap: 30px;

    }

}



@media (max-width: 992px) {

    .page-cart-modern .cart-layout {

        grid-template-columns: 1fr;

        gap: 30px;

    }

    

    .page-cart-modern .cart-sidebar {

        order: -1;

    }

    

    .page-cart-modern .cart-item-card {

        grid-template-columns: 100px 1fr auto;

        gap: 15px;

        padding: 25px;

    }

    

    .page-cart-modern .cart-item-quantity,

    .page-cart-modern .cart-item-total {

        grid-column: 2 / 4;

        flex-direction: row;

        justify-content: space-between;

        margin-top: 15px;

    }

    

    .page-cart-modern .cart-item-remove {

        grid-column: 3;

        grid-row: 1;

    }

}



@media (max-width: 768px) {

    .page-cart-modern .cart-hero-section {

        padding: 60px 0 40px;

    }

    

    .page-cart-modern .cart-hero-title {

        font-size: 2.2em !important;

    }

    

    .page-cart-modern .main-cart-section {

        padding: 20px 0;

    }

    

    .page-cart-modern .cart-item-card {

        grid-template-columns: 80px 1fr;

        gap: 15px;

        padding: 20px;

    }

    

    .page-cart-modern .cart-item-quantity,

    .page-cart-modern .cart-item-total,

    .page-cart-modern .cart-item-remove {

        grid-column: 1 / 3;

        margin-top: 15px;

    }

    

    .page-cart-modern .cart-actions {

        flex-direction: column;

        gap: 15px;

        align-items: stretch;

    }

    

    .page-cart-modern .cart-actions-left,

    .page-cart-modern .cart-actions-right {

        justify-content: center;

    }

    

    .page-cart-modern .coupon-input-group {

        flex-direction: column;

        gap: 12px;

    }

    

    .page-cart-modern .remove-text {

        display: none;

    }

}



@media (max-width: 480px) {

    .page-cart-modern .cart-hero-title {

        font-size: 1.8em !important;

    }

    

    .page-cart-modern .main-cart-container {

        padding: 0 15px;

    }

    

    .page-cart-modern .cart-items-header {

        padding: 20px 20px 15px;

    }

    

    .page-cart-modern .cart-item-card {

        padding: 15px;

    }

    

    .page-cart-modern .cart-actions {

        padding: 20px;

    }

    

    .page-cart-modern .cart-sidebar-section .section-header,

    .page-cart-modern .coupon-form,

    .page-cart-modern .cart_totals {

        padding: 20px !important;

    }

    

    .page-cart-modern .checkout-button {

        padding: 15px 30px !important;

        font-size: 1em !important;

    }

}



/* Loading States */

.page-cart-modern .cart-item-card.loading {

    opacity: 0.6;

    pointer-events: none;

}



.page-cart-modern .update-cart-btn.loading::after {

    content: '';

    width: 16px;

    height: 16px;

    border: 2px solid transparent;

    border-top: 2px solid white;

    border-radius: 50%;

    animation: cartSpin 1s linear infinite;

    margin-left: 8px;

}



@keyframes cartSpin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}







.page-cart-modern .woocommerce-cart-form__contents {

    display: none !important;

}



/* Animation for cart items */

.page-cart-modern .cart-item-card {

    animation: cartFadeInUp 0.5s ease-out;

}



.page-cart-modern .cart-item-card:nth-child(1) { animation-delay: 0.1s; }

.page-cart-modern .cart-item-card:nth-child(2) { animation-delay: 0.2s; }

.page-cart-modern .cart-item-card:nth-child(3) { animation-delay: 0.3s; }



@keyframes cartFadeInUp {

    from {

        opacity: 0;

        transform: translateY(20px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.page-cart-modern .cart-container {max-width:100%;}



.page-cart-modern .page-wrapper {padding:0px!important;}



.page-cart-modern .page-title-inner {padding-top:0px;}







.page-cart-modern .woocommerce-cart-form__contents {

    display: none !important;

}







.page-cart-modern .quantity.buttons_added {

    border: none !important;

    background: none !important;

}













.page-cart-modern .coupon-apply-btn {padding:0px 20px!important;}