/* ==== Amend 5 secshop: own categories on the left, own pieces on the right ====
   includes/amend5/secshop-*.php. Section pages get .gft-secshop (two columns);
   category pages keep the theme's sidebar and get the phone button only. */

.gft-secshop { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 30px; align-items: start; }
.gft-secshop-main { min-width: 0; }
.gft-secshop-main > .gft-col-head:first-child { margin-top: 0; }
/* the stones pages draw four to a row; beside the list, three */
.gft-secshop-main .products.wd-grid-g { --wd-col-lg: 3 !important; --wd-col-md: 3 !important; }

/* the list */
.gft-secshop-title { margin: 0 0 10px; color: var(--wd-widget-title-color, #242424); font-family: var(--wd-widget-title-font, inherit); font-size: var(--wd-widget-title-font-size, 16px); font-weight: var(--wd-widget-title-font-weight, 600); font-style: var(--wd-widget-title-font-style, normal); text-transform: var(--wd-widget-title-transform, uppercase); line-height: 1.3; }
.gft-secshop-list, .gft-secshop-list li { margin: 0; padding: 0; list-style: none; }
.gft-secshop-list li { position: relative; }
.gft-secshop-list a { display: block; padding: 8px 32px 8px 0; color: var(--color-gray-500, #767676); font-size: 15px; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; transition: color .2s ease; }
.gft-secshop-list a:hover, .gft-secshop-list a:focus-visible { color: var(--color-gray-800, #242424); }
.gft-secshop-list .is-current > a { color: var(--color-gray-800, #242424); font-weight: 600; }
.gft-secshop-sublist { padding-left: 15px !important; }
.gft-secshop-list .is-closed > .gft-secshop-sublist { display: none; }
.gft-secshop-list .gft-secshop-sub { position: absolute; top: 6px; right: 0; width: 26px; height: 26px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; box-shadow: none; color: #9A9A9A; font-size: 0; line-height: 0; cursor: pointer; }
.gft-secshop-list .gft-secshop-sub::before { content: ""; display: block; width: 7px; height: 7px; margin: 7px auto 0; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
.gft-secshop-list .is-open > .gft-secshop-sub::before { margin-top: 10px; transform: rotate(-135deg); }
.gft-secshop-list .gft-secshop-sub:hover, .gft-secshop-list .gft-secshop-sub:focus-visible { background: #F3EEE3; color: #5A554B; }

/* the Categories button (phones and small tablets only) */
.gft-secshop-box .gft-secshop-toggle { display: none; }
.gft-secshop-box-phone { display: none; }

@media (max-width: 1024px) {
	.gft-secshop { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.gft-secshop-box-phone { display: block; margin: 0 0 20px; }
	.gft-secshop-box .gft-secshop-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 46px; margin: 0; padding: 12px 16px; border: 1px solid #EDE3CE; border-radius: 0; background: #FBF7EF; box-shadow: none; color: #23201A; font-family: "Jost", sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .08em; line-height: 1.2; text-transform: uppercase; cursor: pointer; }
	.gft-secshop-box .gft-secshop-toggle::after { content: ""; flex: 0 0 auto; width: 8px; height: 8px; margin: -4px 2px 0 12px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .2s ease, margin .2s ease; }
	.gft-secshop-box .gft-secshop-toggle:hover, .gft-secshop-box .gft-secshop-toggle:focus { border-color: #D9C69C; background: #F6EEDC; color: #23201A; box-shadow: none; }
	.gft-secshop-box.is-open .gft-secshop-toggle::after { margin-top: 4px; transform: rotate(-135deg); }
	.gft-secshop-cats { padding: 4px 16px 10px; border: 1px solid #EDE3CE; border-top: 0; background: #fff; }
	.gft-secshop-cats .gft-secshop-title { display: none; }
	.gft-secshop-js .gft-secshop-box:not(.is-open) .gft-secshop-cats { display: none; }
}

/* Silver: the silver palette */
.gft-section-silver .gft-secshop-box .gft-secshop-toggle { border-color: #DCE0E5; background: #F5F6F8; color: #1F2226; }
.gft-section-silver .gft-secshop-box .gft-secshop-toggle:hover, .gft-section-silver .gft-secshop-box .gft-secshop-toggle:focus { border-color: #C9CED5; background: #EEF0F3; color: #1F2226; }
.gft-section-silver .gft-secshop-cats { border-color: #DCE0E5; }
.gft-section-silver .gft-secshop-list .gft-secshop-sub:hover { background: #EEF0F3; color: #4B525B; }

/* "Shop all categories": the way back from a category family to the whole shop */
.gft-secshop-wlist > .gft-secshop-shopall, .gft-secshop-list > .is-shopall { margin-bottom: 6px !important; padding-bottom: 6px !important; border-bottom: 1px solid rgba(0, 0, 0, .08); }
.gft-secshop-wlist > .gft-secshop-shopall > a::before, .gft-secshop-list > .is-shopall > a::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 9px 2px 2px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); vertical-align: middle; }