/**
* Theme Name:         Pinena
* Theme URI:          https://github.com/lmandcreative/pinena-wp
* Author:             LM Someco
* Author URI:         https://lmsomeco.fi/
* Description:        A modern block theme for WordPress.
* Version:            1.0
* Requires at least:  7.0
* Tested up to:       7.0
* Requires PHP:       8.3
* License:            GNU General Public License v2 or later
* License URI:        http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain:        pinena
* GitHub Theme URI:   https://github.com/lmandcreative/pinena-wp
* Primary Branch:     main
*/

body:not(.wp-admin, .blog) {
  background-color: var(--wp--preset--color--light-beige) !important;
}

body.blog {
  background-color: var(--wp--preset--color--light-green-50) !important;
}

html body.wp-singular {
  background: var(--wp--preset--color--light-beige) !important;
}

main,
footer,
.woocommerce.product {
  margin-block-start: 0;
}

/* Storemapper styles */

#storemapper.strmpr-layout-horizontal {
  font-family: var(--wp--preset--font-family--figtree) !important;
  background: var(--wp--preset--color--light-beige) !important;
  max-width: var(--wp--style--global--wide-size) !important;
  grid-template-columns: 400px auto !important;
  grid-gap: 0 20px !important;
  padding: 0 !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-map {
  border-radius: 0 !important;
}

#storemapper.strmpr-layout-horizontal > #storemapper-results.strmpr-search-results {
  background-color: var(--wp--preset--color--light-beige) !important;
  margin: 0 !important;
  border-radius: 0 !important;
  padding: 0 10px 0 0 !important;
  overflow-x: hidden !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result {
  background-color: var(--wp--preset--color--light-beige) !important;
  padding: 16px 0 !important;
  border-radius: 0px !important;
  border: none !important;
  border-bottom: 1px solid #b1bca4 !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-name {
  font-family: var(--wp--preset--font-family--haikara) !important;
  font-size: var(--wp--preset--font-size--text-l) !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--dark-green) !important;
  margin-bottom: 5px !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-address {
  font-family: var(--wp--preset--font-family--figtree) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: var(--wp--preset--color--dark-green) !important;
  margin: 0 0 5px 0 !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-address::before {
  display: none !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-directions {
  margin: 0px !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-directions::before {
  height: 16px !important;
  left: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.8324 6.8324V1H1M6.8324 1L1 6.8324' stroke='%2344693D' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

#storemapper.strmpr-layout-horizontal .strmpr-search-result .strmpr-field-directions > a {
  font-family: var(--wp--preset--font-family--figtree) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--wp--preset--color--dark-green) !important;
  margin: 0 0 5px 16px !important;
}

#storemapper.strmpr-layout-horizontal
  .strmpr-search-result
  .storemapper_view.strmpr-field-show-on-map.storemapper-storelink {
  font-family: var(--wp--preset--font-family--figtree) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  background-color: var(--wp--preset--color--orange) !important;
  color: var(--wp--preset--color--white) !important;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease !important;
}

#storemapper.strmpr-layout-horizontal
  .strmpr-search-result
  .storemapper_view.strmpr-field-show-on-map.storemapper-storelink:hover {
  background-color: var(--wp--preset--color--dark-green) !important;
  border-color: var(--wp--preset--color--dark-green) !important;
  color: var(--wp--preset--color--white) !important;
}

#storemapper *::-webkit-scrollbar {
  width: 10px !important;
}

#storemapper *::-webkit-scrollbar-thumb {
  background: var(--wp--preset--color--green) !important;
  border-radius: 0px !important;
}

#storemapper *::-webkit-scrollbar-track {
  background: #d5cfc5 !important;
  border-radius: 0px !important;
}

@supports not selector(::-webkit-scrollbar) {
  #storemapper * {
    scrollbar-color: var(--wp--preset--color--green) #d5cfc5 !important;
  }
}

/* Utility classes */

.overflow-visible {
  overflow: visible !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-none {
  overflow: hidden !important;
}

.shrink-0 {
  flex-shrink: 0 !important;
}