/**
 * Updated:     07/27/2025
 * Author:      RSGDX
 * License:     GPL v2 or later
 * License URI:   https://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain:   rsgdx
 * Plugin URI:    https://rynerworld.com/
 * Author URI:    https://rynerworld.com/
 * Domain Path:   /languages
 * 
 * @package     RSGDX
 * @author      Ryner S. Galaus
 * 
 */

/************************************
* ✅ STORE - GENERAL
************************************/
.rsgdx-store {
  width: 100%;
  background-color: var(--site_shade_1);
  color: var(--site_shade_5);
  min-height: 100vh;
  font-size: 15px;
}
.rsgdx-store p {
  color: var(--site_shade_5);
}
.rsgdx-store section {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
}
.rsgdx-store .ast-woocommerce-container {
  max-width: 1600px;
  margin: 0 auto;
}

/************************************
* ✅ STORE - PAGINATION
************************************/
.rsgdx-products-grid-pagination-container {
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  width: 100%;
  margin: 40px 0;
  gap: 5px;
}
.rsgdx-products-grid-pagination-container a {
  background: var(--site_shade_2);
  padding: 10px;
  width: 45px;
  color: var(--site_shade_5);
  border-radius: 10px;
}
.rsgdx-products-grid-pagination-container a.rsgdx-active,
.rsgdx-products-grid-pagination-container a:hover {
  background-color: var(--site_primary_color);
  color: var(--site_shade_5) !important;
}

/************************************
* ✅ SINGLE - GENERAL
************************************/
.rsgdx-store.single {
  background-color: var(--site_secondary_color);
}
.rsgdx-store.single img {
  border-radius: 30px;
}
.rsgdx-store.single .content-area.primary {
  margin-top: 0 !important;
}

/************************************
* ✅ SINGLE - HIDE DONT REMOVE
************************************/
.rsgdx-store.single .page-heading,                  /* hide page heading */
.rsgdx-store.single .single-compare,                /* hide compare */
.rsgdx-store.single .summary.entry-summary .woocommerce-breadcrumb, /* hide breadcrumb */ 
.woocommerce-notices-wrapper,                   /* woo messages */
.woocommerce-error,                         /* woo messages */
.woocommerce-info,                          /* woo messages */  
.woocommerce-message,                       /* woo messages */
.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-availability, /* package availability */
.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-count,      /* package count */
body.single.rsgdx-shop form.variations_form.woosb_variations_form {
  display: none !important;
}

/************************************
* ✅ SINGLE - BREADCRUMBS
************************************/
.rsgdx-single-product-breadcrumbs {
  padding: 30px 20px 10px;
}
.rsgdx-single-product-breadcrumbs a {
  font-size: 14px;
}
.rsgdx-single-product-breadcrumbs a:hover {
  color: var(--site_shade_5) !important;
}
@media only screen and (max-width: 991px) {
  .rsgdx-single-product-breadcrumbs {
    padding: 30px 0 10px;
  }
}

/************************************
* ✅ SINGLE - GALLERY
************************************/
.rsgdx-store.single .flex-control-thumbs li img {
  height: 180px !important;
  object-fit: cover;
}

/************************************
* ✅ SINGLE - PRODUCT INFORMATION
************************************/
.rsgdx-store.single .product-information,
.rsgdx-store.single .summary.entry-summary {
  background: var(--site_shade_1);
  border-radius: 20px;
  padding: 30px;
  color: var(--site_shade_5);
  font-size: 14px;
}
.rsgdx-store.single .fixed-content h1.product_title,
.rsgdx-store.single .summary.entry-summary h1.product_title {
  font-size: 25px;
  font-weight: 700;
}
.rsgdx-store.single .fixed-content h2,
.rsgdx-store.single .summary.entry-summary h2 {
  font-size: 18px;
  font-weight: 600;
}
.rsgdx-store.single .woocommerce-Price-amount.amount {
  font-size: 20px;
}
@media only screen and (max-width: 991px) {
}

/************************************
* ✅ SINGLE - GRID ICONS
************************************/
body.single.rsgdx-shop .rsgdx-product-grid-icons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 40px 0 30px;
  gap: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--site_shade_3);
}
body.single.rsgdx-shop .rsgdx-product-grid-icons > div {
  width: 31%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.single.rsgdx-shop .rsgdx-product-grid-icons > div * {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
body.single.rsgdx-shop .rsgdx-product-grid-icons div i {
  background-color: var(--site_primary_color);
  border-radius: 100%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
body.single.rsgdx-shop .rsgdx-product-grid-icons div b {
  font-size: 18px;
}
body.single.rsgdx-shop .rsgdx-product-grid-icons div small {
  font-size: 14px;
  color: var(--site_shade_7);
}

/************************************
* ✅ SINGLE - INCLUSIONS
************************************/
body.single.rsgdx-shop .woosb-wrap.woosb-bundled {
  border-bottom: 1px solid var(--site_shade_3);
  margin-bottom: 20px;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-alert {
  background: var(--site_shade_3);
  border-radius: 10px;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-summary {
  margin-top: 20px;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled > .woosb-products {
  margin: 0;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-item-product {
  display: flex;
  flex-direction: row;
  border: none;
  margin: 5px;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-thumb {
  max-width: 35%;
  border-radius: 20px;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-thumb img {
  border-radius: 20px;
  width: 100px;
  height: 90px;
  object-fit: cover;
  object-position: center;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-title {
  max-width: 65%;
}
body.single.rsgdx-shop .woosb-wrap.woosb-bundled .woosb-name {
  text-align: left;
  padding-left: 10px;
  font-weight: 500;
  font-size: 12px;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional {
  display: none;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional.rsgdx-active {
  display: flex;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-title {
  padding-right: 20px;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .variations_form {
  text-align: left;
  padding-left: 10px;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .variations_form
  select {
  text-align: left;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .variations_form
  select
  option {
  background: var(--site_shade_1);
  color: var(--site_shade_5);
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .variations_form
  .variations
  .variation {
  border: none;
  border-bottom: 1px solid var(--site_shade_4);
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-quantity {
  width: auto !important;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-quantity
  > .quantity {
  margin: 0;
  padding-left: 20px;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-quantity
  > .quantity::before {
  content: "Quantity: ";
  font-size: 15px;
  margin-right: 15px;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-quantity
  > .quantity
  .minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
}
body.single.rsgdx-shop
  .woosb-wrap.woosb-bundled
  .woosb-item-product.woosb-product-optional
  .woosb-quantity
  > .quantity
  .plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}

/************************************
* ✅ SINGLE - ADD-ONS
************************************/
body.single.rsgdx-shop .woosb-item-text.woosb-item-text-type-h2 {
  border: none;
  display: none;
}
body.single.rsgdx-shop .rsgdx-product-addons-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: 1px solid var(--site_shade_3);
  padding-bottom: 20px;
}
body.single.rsgdx-shop .rsgdx-product-addons-box {
  width: 120px;
  margin: 5px;
  border-radius: 20px;
  cursor: pointer;
  padding: 10px;
  background: var(--site_shade_2);
  position: relative;
  transition: ease 0.3s;
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.single.rsgdx-shop .rsgdx-product-addons-box:hover,
body.single.rsgdx-shop .rsgdx-product-addons-box.rsgdx-active {
  background: var(--site_primary_color);
  transition: ease 0.3s;
}
body.single.rsgdx-shop .rsgdx-product-addons-box.rsgdx-active::after {
  content: "\f058";
  font-family: var(--site_family_2);
  font-weight: 800;
  position: absolute;
  top: -10px;
  right: -5px;
  color: var(--site_shade_5);
  font-size: 25px;
}
body.single.rsgdx-shop .rsgdx-product-addons-box img {
  border-radius: 20px;
  width: 100px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 15px;
  pointer-events: none;
}
body.single.rsgdx-shop .rsgdx-product-addons-box span {
  pointer-events: none;
  text-align: center;
}

/************************************
* ✅ SINGLE - ADDONS - POPUP
************************************/


/************************************
* ❌ SINGLE - PRODUCT INFORMATION - VARIATIONS
************************************/
body.single.rsgdx-shop form.variations_form.cart table.variations {
  margin-bottom: 10px;
}
body.single.rsgdx-shop form.variations_form.cart table.variations tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.single.rsgdx-shop form.variations_form.cart table.variations tr th.label {
  display: flex;
  align-items: center;
}
body.single.rsgdx-shop form.variations_form.cart table.variations label {
  width: 200px;
  margin: 0;
  color: var(--site_shade_5);
}
body.single.rsgdx-shop
  form.variations_form.cart
  table.variations
  label[for="print-option"]::before {
  content: "Select ";
}
body.single.rsgdx-shop
  form.variations_form.cart
  table.variations
  label[for="print-option"]::after {
  content: " *";
  color: var(--site_primary_color);
}
body.single.rsgdx-shop form.variations_form.cart table.variations select {
  background: none;
  border: none;
  border-bottom: 1px solid var(--site_shade_4);
  color: var(--site_shade_5);
  margin-bottom: 0 !important;
  appearance: none; /* Remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23fff" d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 20px;
  min-width: 180px;
  line-height: 1;
}
body.single.rsgdx-shop form.cart {
  border-bottom: 1px solid var(--site_shade_3);
  padding-bottom: 20px;
  padding-top: 30px;
  margin-top: 20px;
}
body.single.rsgdx-shop form.cart table.variations select option {
  background: var(--site_shade_1);
}
body.single.rsgdx-shop form.cart span.price {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  font-weight: 500;
  color: var(--site_shade_5);
  font-size: 20px;
  margin-bottom: 30px;
}
body.single.rsgdx-shop form.cart .quantity::before {
  content: "Quantity: ";
  font-size: 15px;
  margin-right: 15px;
}
body.single.rsgdx-shop form.cart .quantity .minus {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: none;
}
body.single.rsgdx-shop form.cart .quantity .plus {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border: none;
}
body.single.rsgdx-shop
  form.cart
  span.price
  ins
  .woocommerce-Price-amount.amount {
  color: var(--site_primary_color);
  margin: 0 5px;
}
body.single.rsgdx-shop form.cart .woocommerce-variation-add-to-cart {
  margin: 30px 0;
}
body.single.rsgdx-shop form.cart button[type="submit"] {
  background: var(--site_primary_color);
  border-radius: 20px;
  transition: ease 0.3s;
  border: 1px solid var(--site_primary_color);
}
body.single.rsgdx-shop form.cart button[type="submit"]:hover {
  color: var(--site_primary_color);
  background: none;
}
body.single.rsgdx-shop .rsgdx-product-custom-options {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 30px 0 20px;
  gap: 20px;
}
body.single.rsgdx-shop .rsgdx-product-custom-options > span {
  min-width: 180px;
}
body.single.rsgdx-shop .rsgdx-product-custom-options > select {
  max-width: 200px;
}

/************************************
* ❌ SINGLE - PRODUCT INFORMATION - META
************************************/
body.single.rsgdx-shop .product_meta {
  margin: 30px 0;
  color: var(--site_shade_6);
  display: none;
}
body.single.rsgdx-shop .product_meta a {
  color: var(--site_shade_4);
}
body.single.rsgdx-shop .product_meta a:hover {
  color: var(--site_primary_color);
}

/************************************
* ✅ SHOP - SELECTS
************************************/
.rsgdx-shop select.rsgdx-select-change-arrow {
  background: none;
  border: none;
  border-bottom: 1px solid var(--site_shade_4);
  color: var(--site_shade_5);
  margin-bottom: 0 !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24"><path fill="%23fff" d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 20px;
  min-width: 180px;
  line-height: 1;
}
.rsgdx-shop select.rsgdx-select-change-arrow option {
  background: var(--site_shade_1);
}

/************************************
* ❌ CART PAGE
************************************/
.rsgdx-active.woocommerce-cart,
.rsgdx-active.woocommerce-cart .variation * {
  color: var(--site_shade_5);
}
.rsgdx-active.woocommerce-cart a:hover {
  color: var(--site_primary_color) !important;
}
.rsgdx-active.woocommerce-cart a.remove-item {
  color: var(--site_shade_4);
}
.rsgdx-active.woocommerce-cart .product-name .product-thumbnail img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 20px;
  border: 1px solid var(--site_primary_color);
  border-top-width: 3px;
  border-bottom-width: 4px;
}
.rsgdx-active.woocommerce-cart
  .woocommerce-cart-form__cart-item.woosb-cart-item.woosb-cart-child.woosb-item-child {
  transform: scale(0.9);
}
.rsgdx-active.woocommerce-cart
  .woocommerce-cart-form__cart-item.woosb-cart-item.woosb-cart-child.woosb-item-child
  .product-title {
  font-size: 13px;
}
.rsgdx-active.woocommerce-cart
  .woocommerce-cart-form__cart-item.woosb-cart-item.woosb-cart-child.woosb-item-child
  img {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 20px;
  border: none;
}
.rsgdx-active.woocommerce-cart .variation * {
  font-size: 12px;
}

/************************************
* ✅ SINGLE - PRODUCT TABS
************************************/
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs:before,
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li:before,
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li.active a:before {
  display: none !important;
}
.rsgdx-store.single .wc-tabs-wrapper.woocommerce-tabs {
  background-color: var(--site_shade_2);
  border-radius: 20px;
  padding: 0;
}
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs {
  background-color: var(--site_secondary_color);
  text-align: left;
  border-bottom: 1px solid var(--site_shade_6);
}
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li {
  margin: 0 10px 0 0;
}
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li a {
  color: var(--site_shade_5);
  background-color: var(--site_shade_4);
  border: none;
  border-radius: 5px 5px 0 0;
  padding: 8px 30px;
  font-size: 13px;
  text-transform: uppercase;
}
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li.active a,
.rsgdx-store.single .woocommerce-tabs ul.tabs.wc-tabs li a:hover {
  background-color: var(--site_shade_6);
  color: var(--site_secondary_color);
}
.rsgdx-store.single .woocommerce-tabs div.entry-content.wc-tab {
  padding: 10px 30px 30px;
  color: var(--site_shade_5);
  padding: 30px;
}
@media only screen and (max-width: 991px) {
  .rsgdx-store.single .woocommerce-tabs > ul > li a {
    font-size: 10px;
    padding: 8px 20px;
  }
}