/* =========================================================
   COPPER SHOP LAYOUT — SITE-WIDE HEADER + FOOTER
   ========================================================= */

.cs-shared-header, .cs-shared-footer{
    --copper:#b85b32;
    --copper-dark:#713116;
    --dark:#241914;
    --cream:#f7eee6;
    --line:#e4d8cf;
    font-family:Arial,sans-serif;
    box-sizing:border-box;
    width:100%;
}
.cs-shared-header *, .cs-shared-footer *{box-sizing:border-box}
.cs-shared-header a, .cs-shared-footer a{text-decoration:none;color:inherit}
.cs-shared-header .cs-wrap, .cs-shared-footer .cs-wrap{
    width:100%;max-width:none;margin:0;padding-left:4%;padding-right:4%;
}

/* Keep the native GeneratePress header visible.
   Only the native GeneratePress footer is hidden because this plugin supplies
   the Copper Shop footer automatically. */
body .site-footer,
body #site-footer,
body .footer-widgets,
body .site-info,
body .inside-site-info{
    display:none !important;
}

/* Remove GeneratePress page-title and container gaps. */
body .entry-header,
body .entry-title,
body .page-header,
body .page-title,
body .wp-block-post-title{display:none !important}

body #page,
body .site.grid-container,
body .site-content,
body #content,
body .content-area,
body #primary,
body .site-main,
body article,
body .inside-article,
body .entry-content{
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
body .site.grid-container,
body .site-content.grid-container{
    max-width:none !important;width:100% !important;
}
body .inside-article,
body .entry-content{
    padding-left:0 !important;padding-right:0 !important;
}

/* HEADER */
.cs-shared-header{
    position:relative;z-index:100;background:#fff;color:var(--dark);
}
.cs-shared-header .cs-top{
    min-height:40px;padding:10px 4%;
    display:flex;align-items:center;justify-content:space-around;gap:20px;
    background:linear-gradient(90deg,#57250f,#9a4723,#57250f);
    color:#fff;font-size:10px;font-weight:600;letter-spacing:.07em;
}
.cs-shared-header .cs-custom-header{
    background:linear-gradient(180deg,#fff,#fffaf7);
    box-shadow:0 5px 22px rgba(75,35,18,.07);
}
.cs-shared-header .cs-head{
    display:grid;grid-template-columns:280px minmax(300px,1fr) 260px;
    align-items:center;gap:40px;min-height:108px;
}
.cs-shared-header .cs-logo{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.cs-shared-header .cs-logo b{
    font-family:Georgia,serif;font-size:30px;letter-spacing:4px;color:#281811;
}
.cs-shared-header .cs-logo b:after{
    content:"";display:block;width:45px;height:2px;margin:8px auto 6px;
    background:linear-gradient(90deg,transparent,var(--copper),transparent);
}
.cs-shared-header .cs-logo small{
    font-size:8px;font-weight:600;letter-spacing:4px;color:#9a725e;
}
.cs-shared-header .cs-search{
    display:flex;width:100%;max-width:720px;height:48px;margin:auto;
    border:1px solid #e4d7cf;border-radius:4px;background:#fff;overflow:hidden;
    box-shadow:0 3px 12px rgba(65,35,20,.05);
}
.cs-shared-header .cs-search:focus-within{
    border-color:#c67a55;box-shadow:0 5px 18px rgba(125,58,28,.13);
}
.cs-shared-header .cs-search input[type="search"]{
    flex:1;min-width:0;border:0;outline:0;padding:0 18px;background:#fff;font-size:13px;
}
.cs-shared-header .cs-search button{
    width:58px;border:0;cursor:pointer;color:#fff;font-size:21px;
    background:linear-gradient(135deg,#9e4723,#c66438);
}
.cs-shared-header .cs-actions{
    display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;
}
.cs-shared-header .cs-actions a{
    padding:10px 11px;border-radius:4px;transition:.25s;
}
.cs-shared-header .cs-actions a:hover{background:#f8eee8;color:#a64d28}
.cs-shared-header .cs-nav{
    min-height:57px;padding:0 4%;display:flex;justify-content:center;align-items:center;
    gap:38px;background:linear-gradient(180deg,#fffdfa,#faf5f1);
    border-top:1px solid #f0e7e1;border-bottom:1px solid #dfd1c8;
    font-size:12px;font-weight:600;
}
.cs-shared-header .cs-nav a{
    position:relative;height:57px;display:flex;align-items:center;color:#3c2a22;
}
.cs-shared-header .cs-nav a:after{
    content:"";position:absolute;left:50%;bottom:0;width:0;height:3px;
    transform:translateX(-50%);background:linear-gradient(90deg,#8e3c1c,#d47747);
    transition:width .25s;
}
.cs-shared-header .cs-nav a:hover,
.cs-shared-header .cs-nav a.cs-current{color:#a34722}
.cs-shared-header .cs-nav a:hover:after,
.cs-shared-header .cs-nav a.cs-current:after{width:100%}

/* FOOTER */
.cs-shared-footer{clear:both;margin:0 !important;padding:0 !important}
.cs-shared-footer .cs-news{
    margin:0;padding:42px 0;color:#fff;
    background:linear-gradient(90deg,#a54d28,#c96b3e,#a54d28);
}
.cs-shared-footer .cs-news-inner{
    display:flex;align-items:center;justify-content:space-between;gap:35px;
}
.cs-shared-footer .cs-news h2{
    margin:0 0 7px;font-family:Georgia,serif;font-size:29px;font-weight:500;color:#fff;
}
.cs-shared-footer .cs-news p{margin:0;color:#fff;opacity:.9;font-size:13px}
.cs-shared-footer .cs-news-form{display:flex;width:100%;max-width:470px;margin:0}
.cs-shared-footer .cs-news-form input{
    flex:1;min-width:0;border:0;outline:0;padding:15px;background:#fff;
}
.cs-shared-footer .cs-news-form button{
    border:0;padding:0 24px;background:#241914;color:#fff;font-size:12px;
    font-weight:700;letter-spacing:.08em;cursor:pointer;
}
.cs-shared-footer .cs-footer{
    margin:0 !important;padding:58px 0 0 !important;background:#241914;color:#d9cbc2;
}
.cs-shared-footer .cs-footer-grid{
    display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px;padding-bottom:45px;
}
.cs-shared-footer .cs-footer-logo{
    color:#fff;font-family:Georgia,serif;font-size:25px;font-weight:bold;
    letter-spacing:2px;margin-bottom:16px;
}
.cs-shared-footer .cs-footer p{font-size:13px;line-height:1.8;margin:0 0 12px}
.cs-shared-footer .cs-footer h3{
    color:#fff;font-size:12px;letter-spacing:.12em;margin:0 0 18px;
}
.cs-shared-footer .cs-footer a{
    display:block;margin:0 0 11px;font-size:13px;color:#d9cbc2;transition:.2s;
}
.cs-shared-footer .cs-footer a:hover{color:#fff}
.cs-shared-footer .cs-copy{
    min-height:65px;margin:0 !important;padding-top:0;padding-bottom:0;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    background:linear-gradient(90deg,#6d3014,#93451f,#6d3014);
    border-top:1px solid rgba(255,255,255,.16);
    color:#f3ddd0;font-size:12px;
}

@media(max-width:1000px){
    .cs-shared-header .cs-head{grid-template-columns:220px 1fr 190px;gap:20px}
    .cs-shared-header .cs-nav{gap:20px}
    .cs-shared-footer .cs-footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:700px){
    .cs-shared-header .cs-wrap,.cs-shared-footer .cs-wrap{padding-left:18px;padding-right:18px}
    .cs-shared-header .cs-top{justify-content:center}
    .cs-shared-header .cs-top span:not(:first-child){display:none}
    .cs-shared-header .cs-head{
        min-height:auto;display:flex;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:10px;
    }
    .cs-shared-header .cs-logo b{font-size:22px;letter-spacing:2.5px}
    .cs-shared-header .cs-actions{margin-left:auto}
    .cs-shared-header .cs-actions strong{display:none}
    .cs-shared-header .cs-search{order:3;width:100%;max-width:none;margin-top:8px}
    .cs-shared-header .cs-nav{
        min-height:50px;justify-content:flex-start;gap:25px;overflow-x:auto;
        white-space:nowrap;padding-left:18px;padding-right:18px;
    }
    .cs-shared-header .cs-nav a{height:50px}
    .cs-shared-footer .cs-news-inner{flex-direction:column;align-items:flex-start}
    .cs-shared-footer .cs-news-form{max-width:none}
    .cs-shared-footer .cs-footer-grid{grid-template-columns:1fr 1fr;gap:32px 25px}
    .cs-shared-footer .cs-copy{
        min-height:auto;flex-direction:column;align-items:flex-start;
        padding-top:18px;padding-bottom:18px;
    }
}
@media(max-width:430px){
    .cs-shared-footer .cs-news-form{flex-direction:column}
    .cs-shared-footer .cs-news-form button{min-height:46px;padding:14px}
    .cs-shared-footer .cs-footer-grid{grid-template-columns:1fr}
}


/* v1.0.3 — Ensure Copper Shop navigation is always visible */
.cs-shared-header .cs-custom-header,
.cs-shared-header .cs-nav{
    visibility:visible !important;
    opacity:1 !important;
}

.cs-shared-header .cs-nav{
    display:flex !important;
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    min-height:57px !important;
    margin:0 !important;
    padding:0 4% !important;
    justify-content:center !important;
    align-items:center !important;
    gap:38px !important;
    overflow:visible !important;
    clear:both !important;
    z-index:101 !important;
}

.cs-shared-header .cs-nav a{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
}

@media(max-width:700px){
    .cs-shared-header .cs-nav{
        min-height:50px !important;
        justify-content:flex-start !important;
        gap:25px !important;
        padding-left:18px !important;
        padding-right:18px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        white-space:nowrap !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .cs-shared-header .cs-nav::-webkit-scrollbar{display:none}
}


/* =========================================================
   v1.0.5 — TWO-LEVEL HEADER LAYOUT
   1) GeneratePress native header remains visible.
   2) Copper Shop custom commerce header sits directly below.
   ========================================================= */

body .site-header,
body #masthead{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* Keep the custom header directly under the theme header. */
.cs-shared-header{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    margin:0 !important;
    clear:both !important;
}

/* Announcement strip */
.cs-shared-header .cs-top{
    display:flex !important;
}

/* Search / account row */
.cs-shared-header .cs-custom-header,
.cs-shared-header .cs-head{
    visibility:visible !important;
    opacity:1 !important;
}

/* Category navigation row */
.cs-shared-header .cs-nav{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    width:100% !important;
    max-width:none !important;
    min-height:57px !important;
    margin:0 !important;
    padding:0 4% !important;
    justify-content:center !important;
    align-items:center !important;
    gap:38px !important;
    clear:both !important;
}

.cs-shared-header .cs-nav a{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 auto !important;
}

@media(max-width:700px){
    .cs-shared-header .cs-nav{
        min-height:50px !important;
        justify-content:flex-start !important;
        gap:25px !important;
        padding-left:18px !important;
        padding-right:18px !important;
        overflow-x:auto !important;
        overflow-y:hidden !important;
        white-space:nowrap !important;
    }
}


/* =========================================================
   v1.0.6 — DISTINCT COMMERCE HEADER BRANDING
   The GeneratePress header owns the COPPER SHOP identity.
   The second header is now visually/functionally different.
   ========================================================= */
.cs-shared-header .cs-shop-mark{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px;
    text-align:left;
}
.cs-shared-header .cs-shop-icon{
    width:46px;height:46px;flex:0 0 46px;
    display:flex;align-items:center;justify-content:center;
    border:1px solid #d7a78f;
    border-radius:50%;
    background:linear-gradient(135deg,#fff8f3,#f3dfd3);
    color:#a84c26;
    font-family:Georgia,serif;
    font-size:22px;
    box-shadow:0 4px 14px rgba(90,43,22,.08);
}
.cs-shared-header .cs-shop-copy{
    display:flex;flex-direction:column;align-items:flex-start;
}
.cs-shared-header .cs-shop-copy b{
    font-family:Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:700 !important;
    letter-spacing:2.2px !important;
    color:#542b1b !important;
    line-height:1.2;
}
.cs-shared-header .cs-shop-copy b:after{display:none !important}
.cs-shared-header .cs-shop-copy small{
    margin-top:6px;
    font-size:7px !important;
    font-weight:600;
    letter-spacing:2px !important;
    color:#a16d55 !important;
}
@media(max-width:700px){
    .cs-shared-header .cs-shop-icon{
        width:38px;height:38px;flex-basis:38px;font-size:18px;
    }
    .cs-shared-header .cs-shop-copy b{
        font-size:12px !important;letter-spacing:1.5px !important;
    }
    .cs-shared-header .cs-shop-copy small{display:none}
}

/* v1.0.7 — polished payment marks */
.cs-shared-footer .cs-payment-logos{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:2px 0 18px}
.cs-shared-footer .cs-pay-card{width:58px;height:36px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 12px rgba(0,0,0,.18);font-family:Arial,sans-serif;font-style:normal}
.cs-shared-footer .cs-pay-visa{color:#17357f;font-size:17px;font-weight:900;font-style:italic;letter-spacing:-1px}
.cs-shared-footer .cs-pay-mastercard i,.cs-shared-footer .cs-pay-mastercard b{position:absolute;top:5px;width:21px;height:21px;border-radius:50%}
.cs-shared-footer .cs-pay-mastercard i{left:11px;background:#e53935}
.cs-shared-footer .cs-pay-mastercard b{right:11px;background:#f6a800;opacity:.92}
.cs-shared-footer .cs-pay-mastercard em{position:absolute;bottom:2px;color:#222;font-size:6px;font-style:normal;font-weight:700}
.cs-shared-footer .cs-pay-paypal{color:#153c78;font-size:11px;font-weight:800;letter-spacing:-.4px}
.cs-shared-footer .cs-pay-paypal strong{color:#1676b9;font-size:18px;font-style:italic;margin-right:2px}
.cs-shared-footer .cs-aus-owned{padding-top:4px;color:#ead9ce;font-size:12px!important}