/* ── Layout ── */
.parallax-slide-container {
    height: auto !important;
    position: relative !important;
    overflow: hidden;
}
.parallax-slide-background {
    position: relative !important;
    height: 100vh;
}
#page-content-wrapper { position: relative; z-index: 2; }
.elementor-section { clear: both; }
html, body { overflow-x: hidden !important; }
.parallax-slide-container { overflow: visible !important; }
.themegoods-navigation-wrapper .nav li.arrow > a:after { display: none !important; }

/* ── Background parallax ── */
#wrapper, body, html {
    background-image: url(../images/bg/bg-3.jpg);
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/* ── Custom cursor ── */
*, *:hover { cursor: none !important; }
#cursor-ring {
    position: fixed;
    width: 36px; height: 36px;
    border: 2px solid #c9a84c;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: transform 0.08s ease, width 0.15s ease, height 0.15s ease, border-color 0.15s ease;
    z-index: 999999;
    mix-blend-mode: difference;
}
#cursor-dot {
    position: fixed;
    width: 6px; height: 6px;
    background: #c9a84c;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    z-index: 999999;
}
.smoke-particle {
    position: fixed;
    border-radius: 50%;
    pointer-events: none;
    z-index: 999998;
    transform: translate(-50%, -50%);
    animation: smokeUp 0.8s ease-out forwards;
}
@keyframes smokeUp {
    0%   { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
    100% { opacity: 0;   transform: translate(-50%, -120%) scale(2.5); }
}

/* ── Global text colour scheme ── */
h1, h2, h3, h4, h5, h6 { color: #c9a84c !important; }
p, li, span, label, td, th { color: #e8d9b5 !important; }
a { color: #c9a84c !important; }
a:hover { color: #fff !important; }
.elementor-widget-heading .elementor-heading-title { color: #c9a84c !important; }
.elementor-widget-text-editor, .elementor-widget-text-editor p { color: #e8d9b5 !important; }
.section-light h1,.section-light h2,.section-light h3 { color: #1a1008 !important; }
.section-light p,.section-light li,.section-light span { color: #2c1a06 !important; }
.text-white  { color: #c7a17a !important; }
.text-whites { color: #fff !important; }

/* ── Our Passions text colours ── */
.elementor-element-10812c3 .elementor-heading-title { color: #fff !important; }
.elementor-element-10812c3 .elementor-heading-title em,
.passions-gold { color: #c9a84c !important; }

/* ── Remove border/hover from ALL images by default ── */
.elementor-widget-image .elementor-image img,
.elementor-image img {
    border: none !important;
    box-shadow: none;
    transition: none;
}

/* ── Right + bottom border ONLY for home_1, home_2, about-1, about-2, about-3 ── */
.elementor-element-a9e393d .elementor-image img,
.elementor-element-aa30c4d .elementor-image img,
.elementor-element-c9c393e .elementor-image img,
.elementor-element-3cc8f2d .elementor-image img,
.elementor-element-9bafdb1 .elementor-image img {
    border-right: 4px solid #7a3b00 !important;
    border-bottom: 4px solid #c9a84c !important;
    border-top: none !important;
    border-left: none !important;
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease !important;
}

/* ── Hover effect for those same 5 images only ── */
.elementor-element-a9e393d:hover .elementor-image img,
.elementor-element-aa30c4d:hover .elementor-image img,
.elementor-element-c9c393e:hover .elementor-image img,
.elementor-element-3cc8f2d:hover .elementor-image img,
.elementor-element-9bafdb1:hover .elementor-image img {
    transform: scale(1.03) translate(-3px, -3px);
    box-shadow: 6px 6px 20px rgba(201, 168, 76, 0.4);
    border-right-color: #c9a84c !important;
    border-bottom-color: #fff3cc !important;
}

/* ── Hero: split layout — text left, product cards right ── */
.cdc-hero {
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.cdc-hero__bg {
    position: absolute; inset: 0;
    background-size: cover;
    background-position: center top;
    transform: scale(1.06);
    transition: transform 8s ease;
    width: 100%; height: 100%;
}
.cdc-hero.loaded .cdc-hero__bg { transform: scale(1); }
.cdc-hero__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(110deg, rgba(4,2,1,0.92) 38%, rgba(8,5,2,0.45) 100%);
}
.cdc-hero__inner {
    position: relative; z-index: 2;
    width: 100%; max-width: 1200px;
    margin: 0 auto;
    padding: 120px 40px 80px;
    display: flex;
    align-items: center;
    gap: 60px;
}
.cdc-hero__text { flex: 1; min-width: 0; }
.cdc-hero__products { display: flex !important; }

/* ── Reduce banner section heights (casa del cigars + Our Shop) ── */
.elementor-element-ee6c107,
.elementor-element-db40567 {
    min-height: 280px !important;
    padding: 40px 0 !important;
}
.elementor-element-ee6c107 .elementor-background-overlay,
.elementor-element-db40567 .elementor-background-overlay {
    background: rgba(4,2,1,0.72) !important;
}

/* ── Shop grid: 2 rows of 3 ── */
.woocommerce ul.products.columns-3 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    padding-bottom: 0 !important;
    max-height: none !important;
}

/* ── Shop product cards: exactly 3 per row ── */
.woocommerce ul.products li.product {
    flex: 0 0 calc(33.333% - 14px) !important;
    width: calc(33.333% - 14px) !important;
    background: rgba(10,8,4,0.88) !important;
    border: 1px solid #7a5c1e !important;
    border-right: 3px solid #7a5c1e !important;
    border-bottom: 3px solid #c9a84c !important;
    border-radius: 8px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: box-shadow 0.3s ease, border-color 0.3s ease, transform 0.3s ease !important;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 0 24px 4px rgba(201,168,76,0.55) !important;
    border-color: #c9a84c !important;
    transform: translateY(-4px) !important;
}
/* Card hover overlay with cart + buy buttons */
.woocommerce ul.products li.product .product-hover-actions {
    position: absolute;
    inset: 0;
    background: rgba(4,2,1,0.82);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
    border-radius: 8px;
}
.woocommerce ul.products li.product:hover .product-hover-actions { opacity: 1; }
.product-hover-actions .pha-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 11px 28px;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.25s, color 0.25s;
    cursor: pointer !important;
    border: none;
    width: 180px;
    justify-content: center;
}
.product-hover-actions .pha-cart {
    background: #c9a84c;
    color: #0a0802 !important;
}
.product-hover-actions .pha-cart:hover { background: #e8c060; }
.product-hover-actions .pha-buy {
    background: transparent;
    color: #c9a84c !important;
    border: 1px solid #c9a84c;
}
.product-hover-actions .pha-buy:hover { background: #c9a84c; color: #0a0802 !important; }

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 20% !important; 
    margin-right: 0% !important;
    margin-bottom: 0% !important;
}

.woocommerce ul.products.columns-3 {
    gap: 8px !important;
}

.custom-css-style .elementor-element.elementor-element-67fe11f:not(.elementor-motion-effects-element-type-background){
    background-image: url(/images/bg/balck_bg.jpg) !important;
    background-color: none !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.custom-css-style .elementor-element.elementor-element-7efb73b:not(.elementor-motion-effects-element-type-background){
    background-image: url(/images/bg/bg_gallery_top.png) !important;
}

.custom-css-style .elementor-element.elementor-element-c22aa4e{
    margin-top: -150px !important;
}

.history_bg{
   background-image: url(/images/bg/footer_bg_last.jpg) !important;
    background-color: none !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}

.custom-css-style .elementor-element.elementor-element-db40567:not(.elementor-motion-effects-element-type-background){
    background-image: url(../images/bg/cigar_shop.jpg) !important;
    height: 500px;
}

.custom-css-style .elementor-element.elementor-element-db40567>.elementor-container{
    min-height: 300px !important;
}

.custom-css-style .elementor-element.elementor-element-ee6c107>.elementor-container  {
    min-height: 400px !important;
}

.custom-css-style .elementor-element.elementor-element-ee6c107:not(.elementor-motion-effects-element-type-background){
   height: 500px; 
}