/*
Theme Name: Orient Straw Bag
Theme URI: https://oriensuntek.com/
Author: Yantai Orient Trading Co., Ltd.
Description: A modern, fully site-editor editable block theme for a straw bag manufacturer and exporter. Designed for B2B wholesale buyers and B2C shoppers across Europe and North America. Clean editorial layout, natural forest + straw palette, WooCommerce-ready.
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: orient-straw-bag
Tags: block-theme, full-site-editing, e-commerce, business, blog, custom-colors, custom-menu, featured-images, translation-ready
*/

/* Base tweaks that complement theme.json */
img, svg { max-width: 100%; height: auto; }
.wp-block-image img { border-radius: 14px; }
.wp-site-blocks { overflow-x: clip; }

/* Subtle card hover for linked blocks used in product/feature grids */
.osb-lift { transition: transform .25s ease, box-shadow .25s ease; }
.osb-lift:hover { transform: translateY(-4px); }

/* Make hero cover min height comfortable on small screens */
.osb-hero { min-height: 72vh; }

/* Header spacing */
.osb-header-inner { padding-top: .6rem; padding-bottom: .6rem; }

/* Footer link reset */
.wp-block-navigation.is-style-footer a { text-decoration: none; }

/* Inquiry form */
.osb-inquiry-form { margin-top: 1rem; }
.osb-inquiry-form .osb-field { margin: 0 0 1rem; display: flex; flex-direction: column; gap: .35rem; }
.osb-inquiry-form label { font-weight: 600; font-size: .95rem; }
.osb-inquiry-form .osb-req { color: #b8862e; }
.osb-inquiry-form input[type="text"],
.osb-inquiry-form input[type="email"],
.osb-inquiry-form select,
.osb-inquiry-form textarea {
	width: 100%;
	padding: .7rem .85rem;
	border: 1px solid #d8cfc0;
	border-radius: 10px;
	background: #fff;
	font: inherit;
	color: inherit;
}
.osb-inquiry-form input:focus,
.osb-inquiry-form select:focus,
.osb-inquiry-form textarea:focus { outline: 2px solid #1f5c4a; outline-offset: 1px; border-color: #1f5c4a; }
.osb-inquiry-form .osb-consent { font-weight: 400; font-size: .9rem; display: flex; gap: .5rem; align-items: flex-start; }
.osb-inquiry-form .osb-consent input { margin-top: .25rem; }
.osb-inquiry-form .osb-submit { margin-top: .5rem; }
.osb-inquiry-form .osb-submit .wp-element-button { cursor: pointer; border: 0; }
.osb-notice { border-radius: 12px; padding: 1rem 1.2rem; margin-bottom: 1.25rem; }
.osb-notice--success { background: #e7f3ee; border: 1px solid #9fcdbb; color: #143d31; }
.osb-notice--error { background: #fbeceb; border: 1px solid #e0b0ab; color: #7a2e28; }


/* ==========================================================================
   WooCommerce — shopper-facing styling
   ========================================================================== */
.woocommerce ul.products { display: grid; gap: 1.6rem; }
.woocommerce ul.products li.product {
  border: 1px solid var(--wp--preset--color--sand-2, #e7ded0);
  border-radius: 18px;
  padding: 1.1rem 1.1rem 1.35rem;
  background: var(--wp--preset--color--base, #fffdf8);
  text-align: center;
  margin: 0;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 40px rgba(20, 61, 49, .12);
  border-color: var(--wp--preset--color--brand, #1F5C4A);
}
.woocommerce ul.products li.product img { border-radius: 13px; margin-bottom: .8rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--wp--preset--font-family--heading, "Playfair Display", Georgia, serif);
  font-size: 1.18rem;
  line-height: 1.3;
  padding: .2rem 0 .35rem;
  color: var(--wp--preset--color--contrast, #1d2a24);
}
.woocommerce ul.products li.product .price { color: var(--wp--preset--color--brand, #1F5C4A); font-weight: 700; font-size: 1.05rem; }
.woocommerce ul.products li.product .button { margin-top: .7rem; }
.woocommerce .star-rating span::before, .woocommerce .star-rating::before { color: var(--wp--preset--color--accent, #D9A441); }

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce div.product form.cart .button,
.wc-block-components-button:not(.is-link),
.wc-block-grid__product-add-to-cart .wp-element-button,
.wp-block-woocommerce-product-button .wp-element-button {
  background: var(--wp--preset--color--brand, #1F5C4A) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: .7rem 1.5rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  transition: background .18s ease, transform .18s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:not(.is-link):hover,
.wp-block-woocommerce-product-button .wp-element-button:hover {
  background: var(--wp--preset--color--brand-dark, #143D31) !important;
  transform: translateY(-1px);
}
.woocommerce div.product form.cart .button {
  background: var(--wp--preset--color--accent, #D9A441) !important;
  color: #1f2a13 !important;
  padding: .85rem 2rem !important;
  font-size: 1.05rem !important;
}
.woocommerce div.product form.cart .button:hover { background: #c8952f !important; }

/* Sale badge */
.woocommerce span.onsale {
  background: var(--wp--preset--color--accent, #D9A441);
  color: #1f2a13;
  border-radius: 999px;
  min-height: 0; min-width: 0;
  line-height: 1;
  padding: .45rem .8rem;
  font-weight: 700;
}

/* Single product */
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce .woocommerce-tabs h2,
.woocommerce-products-header__title,
.woocommerce-page .page-title {
  font-family: var(--wp--preset--font-family--heading, "Playfair Display", Georgia, serif);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--wp--preset--color--brand, #1F5C4A); font-size: 1.7rem; font-weight: 700; }
.woocommerce div.product .woocommerce-product-details__short-description { font-size: 1.05rem; color: var(--wp--preset--color--muted, #6b6256); }
.woocommerce .quantity input.qty { border-radius: 10px; border: 1px solid var(--wp--preset--color--sand-2, #e7ded0); padding: .5rem .6rem; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { font-family: var(--wp--preset--font-family--heading, serif); font-weight: 600; }

/* Breadcrumb + notices */
.woocommerce-breadcrumb { font-size: .85rem; color: var(--wp--preset--color--muted, #6b6256); }
.woocommerce-breadcrumb a { color: var(--wp--preset--color--brand, #1F5C4A); }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: 12px; }

/* Block cart / checkout / mini-cart */
.wc-block-cart, .wc-block-checkout, .wc-block-components-drawer { font-family: var(--wp--preset--font-family--body, "Inter", system-ui, sans-serif); }
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-button,
.wc-block-mini-cart__footer .wc-block-components-button {
  border-radius: 999px !important;
  background: var(--wp--preset--color--brand, #1F5C4A) !important;
  color: #fff !important;
}
.wc-block-mini-cart__button { color: inherit; }
.wc-block-mini-cart__items .wc-block-cart-item__image img { border-radius: 10px; }

/* Product grid on the homepage shortcode */
.wc-block-grid__product-title { font-family: var(--wp--preset--font-family--heading, serif); }

/* Pagination */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span { border-radius: 8px; }


/* ==========================================================================
   Oriensuntek — layout polish (straw palette, cleaner rhythm)
   ========================================================================== */
body {
  background-color: var(--wp--preset--color--base, #FFFDF8);
}

/* Announcement bar */
.osb-announce p { margin: 0; }
.osb-announce { letter-spacing: 0.03em; }

/* Hero */
.osb-hero .wp-block-cover__image-background { object-position: center; }
.osb-hero h1 { text-shadow: 0 2px 26px rgba(46, 35, 24, 0.4); }
.osb-hero p { max-width: 42ch; }

/* Image lift (category tiles, cards) */
.osb-lift { transition: transform .22s ease, box-shadow .22s ease; }
.osb-lift:hover { transform: translateY(-6px); box-shadow: 0 20px 44px rgba(46, 35, 24, .15); }
figure.osb-lift img { transition: transform .3s ease; }
figure.osb-lift:hover img { transform: scale(1.03); }

/* Headings a touch tighter & warmer */
h1, h2, h3, h4, .wp-block-heading { letter-spacing: -0.01em; }
.wp-block-heading a { text-decoration: none; }
.wp-block-heading a:hover { color: var(--wp--preset--color--accent-dark, #B07C2E); }

/* Buttons: consistent */
.is-style-outline .wp-block-button__link { border-color: currentColor; }
.wp-block-button__link { border-radius: 999px; }

/* Section separators feel calmer */
.alignfull + .alignfull { margin-top: 0; }

/* Product grid spacing on homepage shortcode */
.woocommerce.columns-4, .woocommerce ul.products.columns-4 { row-gap: 1.8rem; }

/* Kill stray first/last margins inside full-width sections */
.alignfull > .alignwide > :first-child, .alignfull > :first-child { margin-top: 0; }
.alignfull > .alignwide > :last-child, .alignfull > :last-child { margin-bottom: 0; }