/* Golden Art appearance layer for the OpenCart 4 test. Native Bootstrap behavior retained. */
:root{--ga-ink:#2b251e;--ga-gold:#d5b36d;--ga-paper:#faf7f0;--ga-line:#e8ddcc}
body{color:var(--ga-ink);background:#fffefa}
a{color:#806025}a:hover{color:#3f3019}
#top{background:var(--ga-paper);border-bottom:1px solid var(--ga-line)}
header{background:var(--ga-paper);padding:20px 0 14px}
#logo img{max-height:100px;object-fit:contain}
header input[name="search"]{border-color:var(--ga-line);background:#fffdfa}
header input[name="search"] + button{background:var(--ga-gold);border-color:var(--ga-gold);color:var(--ga-ink);text-shadow:none}
#menu.bg-primary{background:var(--ga-ink)!important;border:0;border-bottom:2px solid var(--ga-gold);border-radius:0;box-shadow:none}
#menu .nav-link,#menu #category,#menu .navbar-toggler{color:#fff8e9}
#menu .nav-link:hover,#menu .nav-link:focus{background:#44392a;color:#fff}
.btn-primary{background:var(--ga-gold);border-color:#c6a45e;color:var(--ga-ink);text-shadow:none}
.btn-primary:hover,.btn-primary:focus{background:#b8954d;border-color:#ac8843;color:#211b13}
.product-thumb{border:1px solid var(--ga-line);border-radius:12px;overflow:hidden;background:#fff}
.product-thumb h4 a{color:var(--ga-ink)}
.product-thumb .price{color:#6e501e;font-weight:600}
.product-thumb .button-group{background:#f7f1e6;border-color:var(--ga-line)}
footer{background:var(--ga-ink);border-top:2px solid var(--ga-gold);color:#e9dfcf}
footer h5, footer .ga-footer-heading{color:#e6cb91}footer a{color:#e9dfcf}footer a:hover{color:#fff}
:is(a,button,input,select,textarea):focus-visible{outline:3px solid #9d762d;outline-offset:3px}
@media(max-width:767px){header{padding:14px 0}#logo{text-align:center}#logo img{max-height:85px}header form.input-group{margin-bottom:12px}}


/* Readable product text, including long model names and HTML-table summaries. */
.product-thumb .content,.product-thumb .description{min-width:0}
.product-thumb h4,.product-thumb .description>p{overflow-wrap:anywhere;word-break:normal}

/* Keep long product breadcrumbs and imported properties readable on narrow screens. */
#product-info .breadcrumb-item{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#product-info h1{overflow-wrap:anywhere}
@media(max-width:767px){
  #product-info #tab-description .product--properties-table{width:100%!important;table-layout:fixed}
  #product-info #tab-description .product--properties-table td{width:auto!important;overflow-wrap:anywhere}
}

/* Separate category navigation from accessible submenu controls on touch/keyboard. */
#menu .ga-menu-parent{display:flex;flex-wrap:wrap;align-items:stretch}
#menu .ga-menu-parent>.nav-link{flex:1;min-width:0;padding-right:8px;overflow-wrap:anywhere}
#menu .ga-submenu-toggle{min-width:44px;min-height:44px;padding:8px 12px;border:0;background:transparent;color:#fff8e9}
#menu .ga-submenu-toggle:hover,#menu .ga-submenu-toggle[aria-expanded="true"]{background:#44392a}
#menu .ga-menu-parent>.dropdown-menu:not(.show){display:none}
@media(max-width:991.98px){
 #menu .ga-menu-parent>.dropdown-menu{flex-basis:100%;width:100%}
 #menu .dropdown-inner ul{min-width:0}
 #menu .dropdown-item{white-space:normal;overflow-wrap:anywhere}
}

/* Native keyboard-focusable account control with the existing top-bar appearance. */
#top .list-inline-item .dropdown>.ga-account-toggle{
 border:0;background:transparent;font-family:inherit;font-size:1.1em;
 color:var(--bs-gray-600);line-height:40px;vertical-align:middle;padding:10px 0 5px;
}