/* Оформление магазина в стиле woodmart.lv: белый фон, тёмно-коричневый текст, песочный акцент, шрифт Roboto Slab.
   Подключается поверх стандартной темы (catalog/controller/extension/module/woodskin.php). */
:root {
  --wm-brown: #393230;
  --wm-tan: #c49a6c;
  --wm-tan-dark: #9c7245;
  --wm-sand: #f7f2ea;
  --wm-line: #e6dccd;
  --wm-muted: #7b716b;
}

body { font-family: 'Roboto', Arial, sans-serif; font-size: 14px; color: var(--wm-brown); background: #fff; }
h1, h2, h3, h4, h5, h6, legend { font-family: 'Roboto Slab', Georgia, serif; font-weight: 500; color: var(--wm-brown); }
h1 { font-size: 30px; margin-top: 0; }
a { color: var(--wm-tan-dark); }
a:hover, a:focus { color: var(--wm-brown); text-decoration: none; }
a:focus-visible, button:focus-visible, .btn:focus-visible { outline: 2px solid var(--wm-tan-dark); outline-offset: 2px; }

/* верхняя полоска */
#top { min-height: 36px; margin-bottom: 0; padding: 2px 0 0; background: #fff; border-bottom: 1px solid var(--wm-line); }
#top .btn-link, #top-links li, #top-links a { color: var(--wm-muted); text-shadow: none; }
#top .btn-link:hover, #top-links a:hover { color: var(--wm-tan-dark); }
#top-links .fa { color: var(--wm-tan); }

/* шапка */
header { padding: 18px 0 14px; }
#logo { margin: 0; }
#logo img { max-height: 118px; width: auto; } /* eWOOD: логотип выше прежнего — даём больше высоты, чтобы ширина осталась как раньше */
#search { margin: 26px 0 0; }
#search .input-lg { height: 42px; padding: 0 14px; font-size: 14px; border: 1px solid var(--wm-line); border-right: 0; border-radius: 3px 0 0 3px; box-shadow: none; }
#search .btn-lg { height: 42px; padding: 0 16px; font-size: 15px; color: #fff; text-shadow: none; background: var(--wm-tan); border: 1px solid var(--wm-tan); border-radius: 0 3px 3px 0; }
#search .btn-lg:hover { background: var(--wm-tan-dark); border-color: var(--wm-tan-dark); }
#cart { margin: 26px 0 0; }
#cart > .btn { height: 42px; padding: 0 14px; font-size: 13px; line-height: 40px; color: #fff; text-shadow: none; background: var(--wm-brown); background-image: none; border: 1px solid var(--wm-brown); border-radius: 3px; box-shadow: none; }
#cart.open > .btn { background: #fff; background-image: none; color: var(--wm-brown); border-color: var(--wm-line); box-shadow: none; text-shadow: none; }
#cart .dropdown-menu { border-color: var(--wm-line); border-radius: 3px; box-shadow: 0 8px 24px rgba(57, 50, 48, .12); }

/* меню категорий */
#menu { min-height: 44px; margin-bottom: 22px; background: var(--wm-brown); background-image: none; border: 0; border-radius: 3px; }
#menu .nav > li > a { padding: 12px 18px; font-family: 'Roboto Slab', Georgia, serif; font-size: 13px; letter-spacing: .05em; text-transform: uppercase; color: #fff; text-shadow: none; }
#menu .nav > li > a:hover, #menu .nav > li.open > a { color: var(--wm-brown); background: var(--wm-tan); }
#menu .dropdown-menu { background: #fff; border: 1px solid var(--wm-line); border-top: 0; border-radius: 0 0 3px 3px; box-shadow: 0 8px 24px rgba(57, 50, 48, .12); }
#menu .dropdown-inner a { padding: 7px 18px; color: var(--wm-brown); }
#menu .dropdown-inner li a:hover, #menu .see-all:hover, #menu .see-all:focus { color: var(--wm-brown); background: var(--wm-sand); background-image: none; }
#menu .see-all { border-top: 1px solid var(--wm-line); color: var(--wm-tan-dark); border-radius: 0; }
#menu #category { font-family: 'Roboto Slab', Georgia, serif; text-shadow: none; }
#menu .btn-navbar { color: var(--wm-brown); text-shadow: none; background: var(--wm-tan); background-image: none; border-color: var(--wm-tan); }

/* хлебные крошки */
.breadcrumb { margin-bottom: 18px; padding: 0; background: none; border: 0; border-radius: 0; }
.breadcrumb > li { padding: 0 14px 0 0; text-shadow: none; }
.breadcrumb > li::after { display: none; }
.breadcrumb > li + li::before { content: '/'; padding: 0 12px 0 0; color: #c9bdb0; }
.breadcrumb a { color: var(--wm-muted); }
.breadcrumb a:hover { color: var(--wm-tan-dark); }

/* кнопки и поля */
.btn { border-radius: 3px; text-shadow: none; box-shadow: none; background-image: none; }
.btn-primary, .btn-primary:focus { color: #fff; background: var(--wm-tan); background-image: none; border-color: var(--wm-tan); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background: var(--wm-tan-dark); background-image: none; border-color: var(--wm-tan-dark); }
.btn-default, .btn-default:focus { color: var(--wm-brown); background: #fff; background-image: none; border-color: var(--wm-line); }
.btn-default:hover { color: var(--wm-brown); background: var(--wm-sand); background-image: none; border-color: var(--wm-tan); }
.btn-inverse { color: #fff; background: var(--wm-brown); background-image: none; border-color: var(--wm-brown); }
.btn-inverse:hover { background: #2b2523; background-image: none; }
.form-control { border-color: var(--wm-line); border-radius: 3px; box-shadow: none; }
.form-control:focus { border-color: var(--wm-tan); box-shadow: 0 0 0 2px rgba(196, 154, 108, .25); }
.alert { border-radius: 3px; }
.alert-success { color: #35542c; background: #edf4e7; border-color: #cfe0c3; }
.nav-tabs { border-bottom-color: var(--wm-line); }
.nav-tabs > li > a { color: var(--wm-muted); border-radius: 3px 3px 0 0; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: var(--wm-brown); border-color: var(--wm-line) var(--wm-line) #fff; }
.list-group-item { border-color: var(--wm-line); color: var(--wm-brown); }
.list-group a.active, .list-group a.active:hover, .list-group a:hover { color: var(--wm-brown); background: var(--wm-sand); border-color: var(--wm-line); text-shadow: none; }
.table-bordered, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border-color: var(--wm-line); }
.pagination > .active > span, .pagination > .active > span:hover { background: var(--wm-tan); border-color: var(--wm-tan); }
.pagination > li > a { color: var(--wm-tan-dark); }

/* карточки товаров */
.product-thumb { border: 1px solid var(--wm-line); border-radius: 4px; overflow: hidden; transition: border-color .15s; }
.product-thumb:hover { border-color: var(--wm-tan); }
.product-thumb .image { background: var(--wm-sand); }
.product-thumb h4 { font-size: 17px; }
.product-thumb h4 a { color: var(--wm-brown); }
.product-thumb .caption { min-height: 0; padding: 14px 18px 16px; }
.product-thumb .price { font-family: 'Roboto Slab', Georgia, serif; font-size: 16px; color: var(--wm-tan-dark); }
.product-thumb .price-tax { color: var(--wm-muted); font-family: 'Roboto', Arial, sans-serif; }
.product-thumb .button-group { background: #fff; border-top: 1px solid var(--wm-line); }
.product-thumb .button-group button { color: var(--wm-brown); background: #fff; font-weight: 500; }
.product-thumb .button-group button:hover { color: var(--wm-tan-dark); background: var(--wm-sand); }
.product-thumb .button-group button + button { border-left-color: var(--wm-line); }
.thumbnails .thumbnail, .thumbnail { border-color: var(--wm-line); border-radius: 4px; background: var(--wm-sand); }

/* подвал */
footer { margin-top: 40px; padding-top: 34px; color: #d8cec3; background: var(--wm-brown); border-top: 4px solid var(--wm-tan); }
footer h5 { font-family: 'Roboto Slab', Georgia, serif; font-size: 14px; letter-spacing: .05em; text-transform: uppercase; color: var(--wm-tan); }
footer a { color: #d8cec3; }
footer a:hover { color: #fff; }
footer hr { border-top-color: #524943; }
footer p { color: #a3978d; }

/* главная страница */
.wm-hero { margin: -22px 0 34px; text-align: center; }
.wm-hero-text { max-width: 860px; margin: 0 auto; padding: 34px 16px 30px; }
.wm-hero-text h1 { margin: 0 0 14px; font-size: 34px; }
.wm-hero-text p { margin: 0 0 22px; font-family: 'Roboto Slab', Georgia, serif; font-size: 17px; line-height: 1.55; }
.wm-cta { display: inline-block; padding: 12px 26px; font-family: 'Roboto Slab', Georgia, serif; font-size: 14px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #fff; background: var(--wm-tan); border-radius: 3px; }
.wm-cta:hover, .wm-cta:focus { color: #fff; background: var(--wm-tan-dark); }
.wm-forest { height: 300px; background-size: cover; background-position: center 35%; border-radius: 3px; }
.wm-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: -90px 24px 0; }
.wm-tile { position: relative; display: flex; flex-direction: column; padding: 0 0 18px; text-align: left; color: var(--wm-brown); background: #fff; border: 6px solid #fff; border-radius: 3px; box-shadow: 0 10px 30px rgba(57, 50, 48, .16); }
.wm-tile:hover, .wm-tile:focus { color: var(--wm-brown); }
.wm-tile img { width: 100%; height: 190px; object-fit: cover; background: var(--wm-sand); }
.wm-tile strong { display: block; margin: 16px 16px 4px; font-family: 'Roboto Slab', Georgia, serif; font-size: 19px; font-weight: 500; }
.wm-tile span { display: block; margin: 0 16px 14px; color: var(--wm-muted); }
.wm-tile em { align-self: flex-start; margin: auto 16px 0; padding: 8px 16px; font-family: 'Roboto Slab', Georgia, serif; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #fff; background: var(--wm-tan); border-radius: 3px; }
.wm-tile:hover em { background: var(--wm-tan-dark); }

@media (max-width: 767px) {
  #logo { text-align: center; }
  #search, #cart { margin-top: 12px; }
  .wm-hero-text h1 { font-size: 26px; }
  .wm-forest { height: 200px; }
  .wm-tiles { margin: -60px 10px 0; }
}
footer h5 a { color: inherit; text-decoration: none; }

.wm-mainsite { margin: 18px 0 0; font-size: 13px; color: rgba(255, 255, 255, .7); }
.wm-mainsite a { color: var(--wm-tan); font-weight: 600; white-space: nowrap; }
.wm-mainsite a:hover { color: #fff; }