/* bds-style.css - Brand Directory styles (clean, optimized) */

:root{
  --bds-gap: 12px;
  --bds-accent: #000;
  --bds-muted: #444;
  --bds-bg: #FFF;
  --bds-radius: 6px;
}

/* Reset / base */
.bds-directory { color: var(--bds-accent); background: transparent; padding: 0 10vw; }
.bds-directory * { box-sizing: border-box; }

/* Controls */ 
.bds-controls{ /*display: flex; flex-wrap: wrap; gap: var(--bds-gap); align-items: center;*/ margin-bottom: 5rem; }
.bds-search-wrapper { padding: 0 5vw 3rem; }
#bds-search { border: 1px solid #B0B0B0; border-width:0 0 1px 0; width: 100%; padding: 30px 5rem; font-size: var(--fs-h5); letter-spacing: 0.84px; padding-right: calc(5rem + 44px); background-repeat: no-repeat; background-position: right 5rem center; background-size: 28px 28px; }
#bds-search { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'><path d='M11.5889 0.98497C14.4365 0.98497 17.168 2.11602 19.1816 4.1295C21.1953 6.14314 22.3262 8.87456 22.3262 11.7223C22.3262 14.57 21.1953 17.3014 19.1816 19.315C17.168 21.3285 14.4365 22.4596 11.5889 22.4596C8.74145 22.4595 6.01057 21.3284 3.99707 19.315C1.98343 17.3014 0.851563 14.57 0.851562 11.7223C0.851563 8.87456 1.98343 6.14314 3.99707 4.1295C6.01057 2.11613 8.74145 0.985098 11.5889 0.98497ZM11.5898 4.18419C9.5905 4.18419 7.67254 4.97845 6.25879 6.3922C4.84523 7.80591 4.05079 9.72307 4.05078 11.7223C4.05078 13.7215 4.84523 15.6386 6.25879 17.0524C7.67254 18.4661 9.5905 19.2604 11.5898 19.2604C13.589 19.2603 15.5063 18.466 16.9199 17.0524C18.3335 15.6386 19.1279 13.7215 19.1279 11.7223C19.1279 9.72302 18.3336 7.80592 16.9199 6.3922C15.5063 4.97854 13.589 4.18429 11.5898 4.18419Z' fill='%23000'/><path fill-rule='evenodd' clip-rule='evenodd' d='M27.3003 27.435C27.0486 27.6866 26.7073 27.828 26.3514 27.828C25.9955 27.828 25.6542 27.6866 25.4025 27.435L20.7049 22.7374C20.4604 22.4843 20.3251 22.1452 20.3282 21.7933C20.3312 21.4414 20.4724 21.1048 20.7212 20.8559C20.9701 20.6071 21.3067 20.4659 21.6586 20.4629C22.0105 20.4598 22.3496 20.5951 22.6027 20.8396L27.3003 25.5372C27.5519 25.7889 27.6932 26.1302 27.6932 26.4861C27.6932 26.842 27.5519 27.1833 27.3003 27.435Z' fill='%23000'/></svg>"); }
	#bds-search::-webkit-input-placeholder { color: #B0B0B0; }
	#bds-search::-moz-placeholder { color: #B0B0B0; }
	#bds-search:-ms-input-placeholder { color: #B0B0B0; }
	#bds-search:-moz-placeholder { color: #B0B0B0; }
.bds-filters-single{ display: flex; flex-wrap: wrap; gap: 5px; align-content: center; }
.bds-filters-single label { font-size: var(--fs-h6); color: #B0B0B0; display: inline-flex; align-items: center; margin-right: 15px; /*height:40px; line-height:1;*/ }
.bds-filters-single button { appearance: none; font-size: var(--fs-xsmall) !important; line-height: var(--lh-body) !important; font-weight: 500 !important; text-transform: uppercase; background-color: #EBEBEB; border: 1px solid #EBEBEB; color: #000; padding: 11px 18px; border-radius: 20px; position: relative; /*cursor:pointer; display:inline-flex; align-items:center; gap:.5rem; min-height: 40px;*/ }
.bds-filters-single button.active { background: transparent; border-color: #000; color: #000; }
.bds-filters-single button:focus { outline: 2px solid rgba(0,87,119,0.12); outline-offset: 2px; }

/* Filter symbol drawn with pseudo-elements (+ -> x) */
.bds-filters-single button { padding-right: 2.2rem; }
.bds-filters-single button::before,
.bds-filters-single button::after { content: ""; position: absolute; right: 0.7rem; top: 50%; width: 15px; height: 1px; background: currentColor; transform-origin: center; transition: transform .14s ease,width .14s ease,opacity .12s ease; display: block; }
.bds-filters-single button::before{transform:translateY(-50%) rotate(90deg)}
.bds-filters-single button::after{transform:translateY(-50%) rotate(0deg)}
.bds-filters-single button.active::before{transform:translateY(-50%) rotate(45deg);width:14px}
.bds-filters-single button.active::after{transform:translateY(-50%) rotate(-45deg);width:14px}

.bds-filters-dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  background-color: #fff;
  border: 2px solid #333;
	border-radius: 30px !important;
  padding: 20px 25px !important;
  font-size: 20px;
  font-weight: 600;
  color: #333;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70 90 L40 50 H100 Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 30px center !important;
  background-size: 1em;
  transition: border-color 0.3s ease;
}

.bds-filters-dropdown:focus {
  border-color: #0073e6;
  outline: none;
}


/* List groups and items */
.bds-list { display: block; }
.bds-group{ margin-bottom: 50px; display: flex; }
.bds-letter { font-size: var(--fs-h5); font-weight: normal; margin: 0 40px 0 0; padding: 4px 15px 1px; min-width: 50px; }
.bds-group ul { width: 100%; list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0; }

/* Brand item */
.bds-item { display: block; padding: 4px 15px 1px; border-radius: 6px; border: 1px solid transparent; transition: background .12s ease; }
.bds-item.bds-hidden { display: none; }
/*.bds-item:hover { background: #fbfdff; border-color: #eef6fb; }*/

/* Brand toggle */
.bds-brand-toggle{ width: 100%; text-align: left; display: flex; align-items: center; justify-content: space-between; padding: 0; border: 0; background: transparent; /*cursor: pointer;*/ font-weight: 600; font-size: 15px; position: relative; padding-right: 2.6rem; }
.bds-brand-name { font-size: var(--fs-h5) !important; font-weight: 700 !important; text-transform: uppercase; flex: 1; margin-right: 12px; }
.bds-brand-toggle:focus-visible{outline:2px solid rgba(0,87,119,0.12);outline-offset:2px;border-radius:4px}

/* bds-indicator drawn with lines (+ -> x) */
.bds-brand-toggle .bds-indicator{position:absolute;right:0.45rem;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none;display:inline-block}
.bds-brand-toggle .bds-indicator::before,
.bds-brand-toggle .bds-indicator::after { content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 1px; background: currentColor; transform-origin: center; transition: transform .14s ease,width .14s ease; }
.bds-brand-toggle .bds-indicator::before { transform:translate(-50%,-50%) rotate(90deg); }
.bds-brand-toggle .bds-indicator::after { transform:translate(-50%,-50%) rotate(0deg); }
.bds-brand-toggle.is-open .bds-indicator::before{transform:translate(-50%,-50%) rotate(45deg);width:14px}
.bds-brand-toggle.is-open .bds-indicator::after{transform:translate(-50%,-50%) rotate(-45deg);width:14px}

/* Stores panel */
.bds-stores { margin-top: 8px; padding: 12px; border-radius: 6px; border: 1px solid #EEE; background: #FFF; }
.bds-stores .bds-stores-block { margin-bottom: 20px; }
.bds-stores-block strong { display: block; margin-bottom: 8px; font-size: var(--fs-body); color: var(--bds-accent); }
	.bds-stores-block strong.extra_logo { width: 55px; height: 22px; position: relative; font-size: 0; }
	.bds-stores-block strong.extra_logo:before { content: ""; position: absolute; inset: 0; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='23' viewBox='0 0 56 23' fill='none'><path d='M53.5333 18.1058L48.194 4.0835L46.7069 4.0835L41.8736 16.5724C41.665 17.0205 41.0869 17.999 40.5719 17.999C39.8612 17.999 39.484 17.4891 39.484 16.5338L39.484 14.7583C39.484 12.8489 38.3741 11.6515 35.866 11.6515L35.866 11.6296C38.4192 11.6296 39.9719 10.0537 39.9719 7.94475C39.9719 5.72508 38.5518 4.0835 35.2442 4.0835L30.2216 4.0835L30.2216 17.2561L28.7705 17.2561L28.7705 17.6088L30.2216 17.6088L30.2216 17.6153L33.2253 17.6153L33.2253 17.6088L33.2807 17.6088L33.2807 17.2561L31.8928 17.2561L31.8928 11.8073L34.9776 11.8073C36.9978 11.8073 37.7072 12.8064 37.7072 14.2484L37.7072 16.4462C37.7072 17.8445 38.5724 18.644 39.8599 18.644C40.2397 18.644 40.5693 18.5796 40.8564 18.4663L44.3752 18.4663L44.3752 18.2449C43.2216 18.2449 42.489 17.6449 42.489 16.6908C42.489 16.3574 42.556 15.8913 42.7118 15.4922L43.3104 13.9163L50.0351 13.9163L51.6445 18.1058L50.2617 18.1058L50.2617 18.4586L50.4124 18.4586L50.4124 18.465L55.0075 18.465L55.0075 18.4586L55.1401 18.4586L55.1401 18.1058L53.532 18.1058L53.5333 18.1058ZM31.8928 11.4738L31.8928 4.41567L35.2442 4.41567C36.9089 4.41567 37.9969 5.50234 37.9969 7.94475C37.9969 10.3872 36.6656 11.4738 35.1785 11.4738L31.894 11.4738L31.8928 11.4738ZM43.4443 13.5828L46.64 5.28217L46.7069 5.28217L49.9025 13.5828L43.4443 13.5828Z' fill='black'/><path d='M29.3682 7.81214L29.6128 7.81214L29.4802 4.0835L22.3976 4.0835L22.3679 17.6166L25.4786 17.6166L25.4786 17.6127L25.5069 17.6166L25.5069 17.6101L25.5816 17.6101L25.5816 17.2574L24.1756 17.2574L24.1756 4.41696L26.1957 4.41696C28.06 4.41696 29.1261 5.68259 29.3257 7.39112L29.3707 7.81214L29.3682 7.81214Z' fill='black'/><path d='M16.5059 10.7646L22.337 2.45886C22.386 2.39578 22.431 2.33784 22.4697 2.29149C22.6911 2.02111 23.1945 1.32843 24.4936 1.25246L24.4936 0.884234L21.8684 0.884233L21.8684 0.880371L19.9835 0.880371L19.9835 1.11212L20.1637 1.11212C21.2684 1.13787 21.6328 1.63228 21.6328 2.14986C21.6328 2.61594 21.4113 3.10391 21.1229 3.50304L20.7199 4.08371L17.0428 4.08371L16.9102 7.81235L17.1548 7.81235L17.1999 7.39134C17.3994 5.6828 18.4655 4.41718 20.3298 4.41718L20.4907 4.41718L16.3076 10.4543L15.4746 9.20931C15.4746 9.22218 15.4746 9.22862 15.4746 9.22862L12.0408 4.08886L12.0408 6.97289L15.1321 11.6092L12.0189 15.8465C11.9816 15.9031 11.9481 15.9572 11.9069 16.0151C10.461 18.0455 8.70096 18.0893 8.62629 18.0893C8.43573 18.1163 8.23874 18.1331 8.03145 18.1331L3.50327 18.1331L3.50327 11.4522L6.3667 11.4522C7.49842 11.4522 8.31986 12.3624 8.4087 13.4504L8.43059 13.9384L8.6971 13.9384L8.6971 8.63379L8.43059 8.63379L8.4087 9.12176C8.31986 10.2097 7.49842 11.12 6.3667 11.12L3.50327 11.12L3.50327 4.41717L7.71215 4.41717C9.73227 4.41718 10.9078 5.6828 11.1073 7.39134L11.1524 7.81235L11.3069 7.81235L11.3069 4.08371L2.20416 4.08371L2.20416 4.07598L0.319239 4.07598L0.319239 4.42876L1.70461 4.42876L1.70461 18.1048L0.330826 18.1048L0.330826 18.4575L0.372027 18.4575L0.372027 18.464L13.4879 18.464L13.4879 18.2425C12.3112 18.2425 11.8901 17.7327 11.8901 17.1996C11.8901 16.7554 12.1116 16.3125 12.4232 15.9121L15.3304 11.8951L22.1117 22.1913L20.4508 22.1913L20.4508 22.5441L20.7985 22.5441L20.7985 22.5505L25.5481 22.5505L25.5481 22.5441L25.6421 22.5441L25.6421 22.1913L24.043 22.1913L16.5072 10.7633L16.5059 10.7646Z' fill='black'/></svg>"); background-size: contain; background-repeat: no-repeat; background-position: center; pointer-events: none; }
.bds-stores-block ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap:10px; }

/* Store item layout */
.bds-store-item { display: flex; flex-direction: column; gap:5px; padding: 8px; border-radius: 4px; border: 1px solid #F0F0F0; /*color: #8C8C8C;*/ font-size: var(--fs-small); }
.bds-store-item:hover { background: #FBFBFB; }
.bds-store-top { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.bds-store-name { font-weight: 700; }
.bds-store-cta a { border-radius: 20px; border-style: solid; border-width: 1px; padding: 10px 14px 8px; background-color: var(--color-boutique) !important; border-color: var(--color-boutique) !important; font-size: var(--fs-xsmall) !important; color: #000 !important; display: inline-flex; align-items: center; justify-content: center; gap: 10px; transition: all .3s; }
.bds-store-grid { display: flex; gap: 20px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.bds-store-col { flex: 1 1 220px; }
.bds-store-col-left { min-width: 220px; gap: 5px; display: flex; flex-direction: column; }
.bds-store-location-wrapper { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; grid-template-areas: "left right-top" "left right-bottom"; align-items: start; }
	.bds-store-maps { border: 0; background: transparent; padding: 0; margin-right: 10px; grid-area: left; cursor: pointer; color: var(--bds-muted); }
	.bds-store-maps svg { display: block; }
	.bds-store-address { color: var(--bds-muted); grid-area: right-top; }
	.bds-store-city { color: var(--bds-muted); grid-area: right-bottom; }
.bds-store-phonewrap a,
.bds-store-whatsappwrap a { color: var(--bds-muted); text-decoration: none; display: flex; gap: 10px; }
.bds-store-phonewrap i,
.bds-store-whatsappwrap i { font-size: 16px; }
.bds-store-address a:hover,
.bds-store-city a:hover,
.bds-store-phonewrap a:hover,
.bds-store-whatsappwrap a:hover { color: var(--bds-accent); }
.bds-store-hours { color: var(--bds-muted); margin-top: 0.6rem; white-space: pre-wrap; }
table.bds-hours-table th, table.bds-hours-table td { padding: 0; }

/* Loading / empty */
.bds-loading{padding:8px;color:var(--bds-muted);}
.bds-empty{padding:8px;color:var(--bds-muted);}
.bds-group.bds-empty { display:none; }
.bds-loading,
.bds-stores .bds-empty{ font-size:var(--fs-small); }

/* Responsive */
@media (max-width:1536px){
	.bds-directory { padding: 0 8vw; }
}
@media screen and (max-width: 1440px) {
	.bds-directory { padding: 0 6vw; }
}
@media (max-width:1366px){
	.bds-directory { padding: 0 2vw; }
}
@media (max-width:1280px){
	.bds-directory { padding: 0; }
}
@media (max-width:767px){
	.bds-filters-single button { display: none; }
	.bds-letter { margin: 0 5px 0 0; }
}
@media (max-width:720px){
  .bds-controls{flex-direction:column;align-items:stretch}
  .bds-filters-single{justify-content:flex-start}
  /*.bds-store-grid{flex-direction:column}*/
  .bds-store-col{min-width:100%}
}
@media (max-width:420px) {
	#bds-search { padding-right: 40px; background-position: right 10px center; background-size: 22px 22px; }
}

/* Utility */
.bds-hidden{display:none!important}
/*.bds-empty{opacity:.9}*/