/*
Theme Name: Brikk Child - Cabin & Co
Theme URI: https://themeforest.net/user/utillz/portfolio
Template: brikk
Author: Utillz
Author URI: https://themeforest.net/user/utillz
Description: Directory & Listing WordPress Theme
Version: 3.1.0.1774359489
Updated: 2026-03-24 13:38:09

*/


/* ============================================================
   Cabin & Co - Colour Override: #111 (#111111) → #333333
   Applied via child theme to avoid editing parent/plugin files
   ============================================================ */

/* ----- CSS Custom Properties Override ----- */
:root {
  --field-text: #333333;
  --field-shadow: inset 0 0 0 1px #333333, 0 3px 8px 0 rgba(0,0,0,0.1);
}

/* ----- brikk/assets/dist/css/main.css overrides ----- */

/* body base text colour */
body {
  color: #333333;
}

/* Comments */
.comments-area .comment-reply-title a {
  background-color: #333333;
}
.comments-area .reply {
  color: #333333;
}

/* Utility class */
.brk-text-black {
  color: #333333;
}

/* Account nav */
.brk-account-nav a {
  color: #333333;
}

/* WooCommerce notices */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
  color: #333333;
}

/* WooCommerce product price */
.brk-wc-image .brk-wc-price {
  color: #333333;
}

/* WooCommerce tabs active indicator */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:after {
  background-color: #333333;
}

/* WooCommerce cart remove button hover */
.woocommerce-cart table.cart .product-thumbnail .remove:hover {
  background: #333333 !important;
}

/* Checkout table remove hover */
.brk-table-checkout .product-image .brk--image .brk--remove:hover {
  color: #333333;
}

/* WooCommerce checkout payment border */
.woocommerce-checkout #payment {
  border: 3px solid #333333;
}

/* Routiz / Listing close button hover */
.rz-taxonomy-heading .rz--action .rz--close:hover {
  background-color: #333333;
  box-shadow: inset 0 0 0 1px #333333;
  color: #fff;
}

/* Lightbox nav */
.rz-modal-lightbox.brk-is-stack .rz-lightbox-nav i {
  color: #333333;
}
.rz-modal-lightbox.brk-is-stack .rz-lightbox-nav:hover i {
  background-color: #333333;
}

/* Categories */
.brk-categories ul li:hover a {
  color: #333333;
}

/* Widget */
.brk-widget ul li a {
  color: #333333;
}

/* Side panel */
.brk-side .brk--actions > a:hover {
  background-color: #333333;
}
.brk-side-overlay {
  background-color: #333333;
}

/* Pagination */
.brk-paging ul li a,
.brk-paging ul li span {
  color: #333333;
}
.brk-paging ul li a.current,
.brk-paging ul li span.current {
  background-color: #333333;
  border-color: #333333;
}

/* Street view embed button */
.brk-embed-street-view .brk-buttons .rz-button {
  color: #333333;
}

/* Mobile nav close */
.brk-mobile-nav .brk--footer .brk--close i {
  color: #333333;
}

/* Sub-menu nav */
.brk-nav ul .sub-menu > li > a {
  color: #333333;
}

/* Subscribe input */
.brk-subscribe .brk-input {
  color: #333333;
}

/* Footer text */
.brk-footer {
  color: #333333;
}

/* ----- brikk-utilities plugin: base.css overrides ----- */
.brk-carousel-search.brk--style-vertical .brk-carousel-nav li:hover a {
  border-color: #333333;
}

/* ----- routiz plugin: form.css overrides ----- */
/* Field text colour and shadow already handled via :root CSS variables above */

/* ----- Additional catch-all for any inline #111111 not covered above ----- */
/* Ensures form inputs, selects using --field-text variable inherit #333333 */
input, select, textarea {
  color: var(--field-text);
}