/* Coco's modern skin over Journal 2. Loaded on every page from journal2/cocos_menu.tpl.
   Colours match the menu and the new pages. Remove this file to return to the stock Journal look. */
:root{--c-t:#369ca8;--c-td:#1f6f79;--c-tl:#e8f4f5;--c-sun:#ffdf5e;--c-sund:#f2b705;--c-ink:#23302f;--c-mut:#5f6b69;--c-line:#e4e8e7;--c-sand:#f7f3e8}

/* ---------- page shell ---------- */
body #container{border-radius:0 0 16px 16px}
body .breadcrumb{background:transparent!important;padding:10px 0!important;margin:0 0 6px!important;font-size:13px}
body .breadcrumb li a{color:var(--c-td)!important}
body .breadcrumb li:last-child a{color:var(--c-mut)!important;font-weight:400}
body #content>h1.heading-title,body #content .heading-title:first-child{font-family:Arvo,Georgia,serif!important;font-size:28px!important;line-height:1.25!important;color:var(--c-td)!important;
  text-transform:none!important;letter-spacing:0!important;border:0!important;padding:4px 0 10px!important;margin:0 0 18px!important;position:relative}
body #content>h1.heading-title::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:var(--c-sun);margin-top:10px}
body .secondary-title,body .box-heading{font-family:Arvo,Georgia,serif!important;text-transform:none!important;letter-spacing:0!important;color:var(--c-td)!important}

/* ---------- buttons ---------- */
body .button,body a.button,body .btn-primary,body input[type=submit].button,body .buttons .button{
  background:var(--c-t)!important;border:0!important;border-radius:999px!important;color:#fff!important;font-weight:700!important;
  padding:10px 20px!important;height:auto!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;
  box-shadow:0 4px 12px rgba(54,156,168,.25)!important;transition:transform .15s,background .15s,box-shadow .15s!important}
body .button:hover,body .btn-primary:hover{background:var(--c-td)!important;transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,111,121,.3)!important}
body .btn-danger{border-radius:999px!important}
body .buttons .pull-right .button,body .buttons .pull-right .btn-primary,body #button-confirm,body .confirm-button,body .checkout-content .confirm-button{
  background:var(--c-sun)!important;color:#173f44!important;box-shadow:0 6px 16px rgba(242,183,5,.35)!important}
body .buttons .pull-right .button:hover,body #button-confirm:hover,body .confirm-button:hover{background:var(--c-sund)!important}

/* ---------- forms ---------- */
body #content .form-control,body #content input[type=text],body #content input[type=email],body #content input[type=password],body #content input[type=tel],body #content select,body #content textarea{
  border:1px solid #d7dedd!important;border-radius:10px!important;box-shadow:none!important;min-height:40px;padding:8px 12px!important;background:#fff!important;transition:border-color .15s,box-shadow .15s!important}
body #content textarea{min-height:110px}
body #content .form-control:focus,body #content input:focus,body #content select:focus,body #content textarea:focus{border-color:var(--c-t)!important;box-shadow:0 0 0 3px rgba(54,156,168,.18)!important;outline:none!important}
body .control-label{font-weight:600;color:var(--c-ink)}
body .form-group.required .control-label::before{color:#d0452f}
body fieldset legend,body legend{font-family:Arvo,Georgia,serif;color:var(--c-td);border:0!important;font-size:18px}

/* ---------- product grid cards ---------- */
body .product-grid-item .product-wrapper,body .product-list-item .product-wrapper,body .main-products .product-wrapper{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 2px 6px rgba(20,60,64,.04)!important;
  transition:transform .2s ease,box-shadow .2s ease!important}
body .product-grid-item .product-wrapper:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(20,60,64,.13)!important}
body .product-grid-item .image{overflow:hidden;border-radius:16px 16px 0 0}
body .product-grid-item .image img{transition:transform .35s ease}
body .product-grid-item .product-wrapper:hover .image img{transform:scale(1.06)}
body .product-grid-item .name a{color:var(--c-ink)!important;font-weight:600!important}
body .product-grid-item .name a:hover{color:var(--c-td)!important}
body .product-grid-item .price{font-weight:800!important;color:var(--c-td)!important;font-size:16px!important}
body .product-grid-item .price-old{color:#9aa3a1!important;font-weight:400!important}
body .product-grid-item .price-new{color:#c2410c!important}
body .product-grid-item .cart .button{width:auto;padding:8px 16px!important;font-size:13px!important}
body .label-sale,body .label-latest,body .label-outofstock{border-radius:999px!important;font-weight:700!important;padding:3px 9px!important}
body .label-sale{background:#e8590c!important}

/* listing toolbar + pagination */
body .product-filter{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:14px!important;padding:8px 14px!important}
body .pagination>li>a,body .pagination>li>span{border-radius:999px!important;margin:0 3px!important;border:1px solid var(--c-line)!important;min-width:36px;text-align:center}
body .pagination>.active>a,body .pagination>.active>span{background:var(--c-t)!important;border-color:var(--c-t)!important;color:#fff!important}

/* side column boxes */
body .side-column .box{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:14px!important;padding:6px 12px 12px!important;margin-bottom:16px!important;overflow:hidden}
body .side-column .box-heading{border:0!important;font-size:16px!important;padding:8px 0!important;background:transparent!important}

/* ---------- product page ---------- */
body .product-info .image-gallery,body .product-info .left .image{border-radius:16px!important;overflow:hidden;background:#fff}
body .product-info .right .product-options{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:16px!important;padding:18px!important}
body .product-info .journal-custom-tab{border-radius:12px!important;background:var(--c-tl)!important;padding:10px 12px!important;margin-bottom:10px!important}
body .product-info .product-price{font-family:Arvo,Georgia,serif!important;font-size:34px!important;color:var(--c-td)!important}
body .product-info .price-old{text-decoration:line-through;color:#9aa3a1!important}
body .product-info .journal-stock.instock{color:#2f8a4f!important;font-weight:700}
body .product-info .journal-stock.outofstock{color:#c2410c!important;font-weight:700}
body .product-info #button-cart,body .product-info .button-cart{background:var(--c-sun)!important;color:#173f44!important;font-size:16px!important;padding:13px 26px!important;box-shadow:0 6px 16px rgba(242,183,5,.35)!important}
body .product-info #button-cart:hover{background:var(--c-sund)!important}
body .product-tabs .nav-tabs,body .htabs{border:0!important}
body .product-tabs .nav-tabs>li>a,body .htabs a{border-radius:999px 999px 0 0!important}
body .product-tabs .tab-content,body .product-info .tabs-content{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:0 16px 16px 16px!important;padding:18px 22px!important;line-height:1.7}

/* ---------- cart ---------- */
body .cart-info .table,body .checkout-product .table{background:#fff;border:1px solid var(--c-line)!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0;overflow:hidden}
body .cart-info .table>thead>tr>td,body .checkout-product .table>thead>tr>td{background:var(--c-tl)!important;color:var(--c-td)!important;font-weight:700!important;border:0!important;padding:12px 10px!important;text-transform:none}
body .cart-info .table>tbody>tr>td,body .checkout-product .table>tbody>tr>td{border:0!important;border-top:1px solid var(--c-line)!important;vertical-align:middle!important;padding:12px 10px!important}
body .cart-info .img-thumbnail{border-radius:10px!important;border:1px solid var(--c-line)!important;padding:2px!important;width:64px;height:auto}
body .cart-info td.name a{font-weight:600;color:var(--c-ink)!important}
body .cart-info td.total{font-weight:800;color:var(--c-td)}
body .cart-info .input-group .form-control{max-width:64px;text-align:center;border-radius:10px 0 0 10px!important}
body .cart-info .input-group-btn .btn{border-radius:0!important;height:40px}
body .cart-info .input-group-btn .btn:last-child{border-radius:0 10px 10px 0!important}
body .cart-total .table,body .sc-page .col-sm-offset-8 .table{background:#fff;border:1px solid var(--c-line)!important;border-radius:16px!important;border-collapse:separate!important;border-spacing:0;overflow:hidden}
body .cart-total .table td{border:0!important;padding:10px 14px!important}
body .cart-total .table tr:last-child td{background:var(--c-tl);font-size:17px;font-weight:800;color:var(--c-td)}
body .sc-page .panel-group .panel{border:1px solid var(--c-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden;margin-bottom:10px}
body .sc-page .panel-heading{background:#fff!important;border:0!important}
body .sc-page .panel-title a{color:var(--c-td)!important;font-weight:700}
body .action-area{background:transparent!important;color:var(--c-mut)!important;padding:4px 0!important;border:0!important}
body .action-area h2,body .action-area h3{background:transparent!important;color:var(--c-td)!important;text-transform:none!important;font-family:Arvo,Georgia,serif!important;font-size:19px!important;padding:6px 0!important;margin:10px 0 4px!important;border:0!important}

/* free shipping progress (added by cocos-modern.js) */
.cw-ship{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:14px 18px;margin:0 0 18px;display:flex;align-items:center;gap:14px}
.cw-ship svg{width:34px;height:34px;flex:none;color:var(--c-t)}
.cw-ship .cw-ship-t{flex:1;min-width:0}
.cw-ship p{margin:0 0 8px;font-weight:600;color:var(--c-ink)}
.cw-ship p b{color:var(--c-td)}
.cw-ship .cw-bar{height:10px;border-radius:10px;background:var(--c-tl);overflow:hidden}
.cw-ship .cw-bar i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(90deg,var(--c-t),#5fc0c9);transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.cw-ship.cw-done{background:linear-gradient(135deg,#fff8d6,#fff);border-color:#f2e3a0}
.cw-ship.cw-done .cw-bar i{background:linear-gradient(90deg,var(--c-sund),var(--c-sun))}
.cw-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 0 0;color:var(--c-mut);font-size:13px}
.cw-trust span{display:inline-flex;align-items:center;gap:6px}
.cw-trust svg{width:16px;height:16px;color:var(--c-t)}

/* ---------- checkout ---------- */
body .journal-checkout .checkout-content,body .one-page-checkout .checkout-content{background:#fff!important;border:1px solid var(--c-line)!important;border-radius:16px!important;padding:16px 18px!important;margin-bottom:16px!important;box-shadow:0 2px 6px rgba(20,60,64,.04)}
body .journal-checkout .secondary-title{font-size:17px!important;padding:0 0 10px!important;margin:0 0 12px!important;border-bottom:2px solid var(--c-tl)!important;background:transparent!important}
body .journal-checkout .radio label,body .journal-checkout .checkbox label{padding-top:2px}
body .journal-checkout .confirm-section{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:16px 18px}

/* ---------- information / account / contact ---------- */
body.information-information #content>*:not(.heading-title):not(.cwp):not(script):not(style),
body .information-information-content{}
body #content .information-content,body.information-information #content>div:not(.cwp):not(.row){}
body .contact-page .contact-info,body .contact-page .content,body .account-login .well,body #content .well{
  background:#fff!important;border:1px solid var(--c-line)!important;border-radius:16px!important;box-shadow:0 2px 6px rgba(20,60,64,.04)!important;padding:20px!important}
body .well h2{font-family:Arvo,Georgia,serif;color:var(--c-td);text-transform:none}
body .alert{border-radius:12px!important}
body .alert-success{background:#e9f7ef!important;border-color:#bfe5cd!important;color:#1d6b3a!important}
body .table-bordered{border-radius:12px}
/* long-form info pages (terms, privacy, returns): readable card */
body .cw-doc{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:26px 30px;line-height:1.75;font-size:15px;color:var(--c-ink);box-shadow:0 2px 6px rgba(20,60,64,.04)}
body .cw-doc h1,body .cw-doc h2,body .cw-doc h3{font-family:Arvo,Georgia,serif!important;color:var(--c-td)!important;text-transform:none!important;font-size:19px!important;margin:22px 0 8px!important}
body .cw-doc h1 span,body .cw-doc h2 span,body .cw-doc h3 span{font-size:inherit!important;font-family:inherit!important;color:inherit!important}
body .cw-doc p,body .cw-doc li{font-size:15px!important;line-height:1.75!important}
body .cw-doc a{color:var(--c-t)}

/* not found */
body .cw-404{text-align:center;padding:30px 10px 10px}
body .cw-404 .cw-404-n{font-family:Arvo,Georgia,serif;font-size:90px;line-height:1;color:var(--c-t);opacity:.25}
body .cw-404 h2{font-family:Arvo,Georgia,serif;color:var(--c-td);text-transform:none}
body .cw-404 form{display:flex;max-width:460px;margin:16px auto;gap:8px}
body .cw-404 form input{flex:1}

/* mobile */
@media (max-width:767px){
  body #content>h1.heading-title{font-size:23px!important}
  body .cart-info td.model,body .cart-info thead td.model{display:none}
  body .product-info .product-price{font-size:28px!important}
  .cw-ship{padding:12px 14px}
}
@media (prefers-reduced-motion:reduce){body .product-grid-item .product-wrapper,body .product-grid-item .image img,.cw-ship .cw-bar i{transition:none!important}}

/* product tags as chips */
body p.tags{margin-top:14px}
body p.tags a{display:inline-block;background:var(--c-tl)!important;color:var(--c-td)!important;border-radius:999px!important;padding:3px 11px!important;margin:0 4px 6px 0;font-weight:600;font-size:13px;text-decoration:none!important;line-height:1.6!important}
body p.tags a:hover{background:var(--c-t)!important;color:#fff!important}

/* checkout container background (Journal leaves it transparent on small screens) */
body #container:has(.journal-checkout),body #container:has(.one-page-checkout){background:#eef0ee}

/* cart: stacked rows on phones instead of a sideways-scrolling table */
@media (max-width:767px){
  body .cart-info.table-responsive{overflow:visible!important;border:0!important}
  body .cart-info .table thead{display:none}
  body .cart-info .table,body .cart-info .table tbody{display:block;width:100%}
  body .cart-info .table tbody tr{display:grid;grid-template-columns:72px 1fr auto;grid-template-areas:"img name name" "img qty total";gap:8px 12px;padding:14px;border-top:1px solid var(--c-line)}
  body .cart-info .table tbody tr:first-child{border-top:0}
  body .cart-info .table tbody td{display:block;border:0!important;padding:0!important;text-align:left!important}
  body .cart-info td.image{grid-area:img}
  body .cart-info td.name{grid-area:name}
  body .cart-info td.quantity{grid-area:qty}
  body .cart-info td.total{grid-area:total;align-self:center;font-size:16px}
  body .cart-info td.model,body .cart-info td.price{display:none!important}
  body .cart-info .img-thumbnail{width:72px}
  body .cart-info .input-group{max-width:170px!important;display:flex}
}

/* contrast fixes (WCAG AA) */
body .post-stats,body .post-stats span,body .p-posted,body .p-author,body .p-date,body .p-comment{color:#4a5654!important}
body .product-grid-item .price-old,body .product-info .price-old{color:#6b7472!important}
body .brand-logo-text,body a.brand-logo-text{color:#1f6f79!important}
body .product-tabs .nav-tabs>li>a,body .htabs a{color:#1f6f79!important}
body .product-tabs .nav-tabs>li.active>a,body .htabs a.selected{color:#fff!important;background:#1f6f79!important}
body #content a{color:#1f6f79}
body .breadcrumb li:last-child a{color:#4a5654!important}
body .journal-header-center .links a,body .top-menu a{color:#fff}