.cp-main-header{
	display: none !important;
}
.cp-top-nav{
	display: none !important;
}
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide {
	margin: 0 !important;
}
.entry-header .entry-title{
	display: none;
}
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0 !important;
}

ul{
	margin: 0 !important;
}
.wp-block-woocommerce-product-collection{
	text-align: center;
}
.slider-main {
	margin-bottom: 25px;
}
.hentry .entry-content a {
    text-decoration: none;
}
.wp-block-post-title a{
	  font-size: 16px;
    font-weight: 600;
    color: #333;
    margin: 10px 0 5px;
    text-align: center;
    transition: color 0.3s 
ease;
}
.wc-block-components-product-price{
	  font-size: 18px !important;
    font-weight: bold;
    color: #1d3c70;
    text-align: center;
    margin-bottom: 10px;
}
.wc-block-product-template__responsive>li {
    border-color: #eee;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
	  padding-bottom: 10px;
}
.wp-block-post-title a {
    width: 100% !important; 
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important; 
    -webkit-box-orient: vertical !important;
    white-space: normal !important;
}

.wp-block-cover .wp-block-cover__image-background {
    transition: transform 0.3s ease-in-out;
    transform: scale(1);
    display: block;
    object-fit: cover; 
}
.wp-block-cover:hover .wp-block-cover__image-background {
    transform: scale(1.09); 
}
.wp-block-woocommerce-product-collection {
	margin-bottom: 20px;
}
.menu-item a {
	text-decoration: none;
}
.widget_nav_menu ul li::before {
	content: "";
}
.site-footer {
    background-color: #b2ffd6;
    color: #000000;
	padding: 0 0;
}
.site-info{
	display: flex;
	justify-content: center;
}
.widget-title{
	font-weight: 600 !important;
}
.woocommerce-product-search {
    /* Đảm bảo form sử dụng flexbox để sắp xếp các thành phần */
    display: flex;
    align-items: center; /* Căn chỉnh theo chiều dọc */
    width: 100%; /* Chiếm toàn bộ chiều rộng có sẵn */
    max-width: 400px; /* Giới hạn chiều rộng tối đa */
    margin: 20px auto; /* Canh giữa và thêm khoảng cách trên/dưới */
    border: 1px solid #ddd; /* Thêm đường viền xung quanh */
    border-radius: 25px; /* Bo tròn góc */
    overflow: hidden; /* Đảm bảo mọi thứ nằm trong đường viền bo tròn */
}

.woocommerce-product-search .search-field {
    /* Thiết lập trường nhập liệu */
    flex-grow: 1; /* Cho phép trường nhập liệu mở rộng */
    padding: 10px 15px;
    border: none; /* Xóa đường viền mặc định */
    outline: none; /* Xóa đường viền khi focus */
    font-size: 16px;
    background-color: #f9f9f9; /* Màu nền nhẹ */
}

.woocommerce-product-search button {
    /* Thiết lập nút tìm kiếm */
    background-color: #007bff; /* Màu nền nổi bật (xanh dương) */
    color: white; /* Màu chữ trắng */
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    transition: background-color 0.3s ease; /* Hiệu ứng chuyển đổi màu */
    border-radius: 0 25px 25px 0; /* Bo tròn góc phải */
    text-transform: uppercase;
}

.woocommerce-product-search button:hover {
    /* Hiệu ứng khi di chuột qua nút */
    background-color: #0056b3;
}

.woocommerce-product-search .screen-reader-text {
    /* Ẩn nhãn không cần thiết trên giao diện */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.menu-item-object-product_cat{
	padding: 0 !important;
}
.menu-item-type-post_type{
	padding: 0 !important;
}


/* Make Storefront header shorter */
.site-header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
}

/* Tighten the navigation bar spacing, just in case */
.storefront-primary-navigation {
    margin-top: 0 !important;
}

/* Remove extra padding around header content */
.storefront-header-content {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
a:focus {
    outline: none !important;
}





/* Make main menu dropdown background white */
.main-navigation ul ul,
.main-navigation ul.sub-menu,
.header-navigation .sub-menu,
nav ul.sub-menu,
.site-header .sub-menu {
    background: #ffffff !important;
    border-radius: 6px; /* optional: makes it cleaner */
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); /* optional: VistaPrint-style shadow */
}

/* Make the dropdown links dark (in case theme uses grey text) */
.main-navigation ul.sub-menu li a,
.header-navigation .sub-menu li a {
    color: #222 !important;
}

/* Hover effect for clarity */
.main-navigation ul.sub-menu li a:hover,
.header-navigation .sub-menu li a:hover {
    background: #f2f8ff !important; /* soft blue hover for Claxton theme */
    color: #000 !important;
}




/* Pull cart content closer to breadcrumb */
body.woocommerce-cart .woocommerce {
    margin-top: -850px !important;
}

/* If needed – reduces space above cart table */
body.woocommerce-cart .woocommerce-cart-form {
    margin-top: -30px !important;
}



/* ================================
   GLOBAL STYLING FOR PRINTCART / NBDESIGNER FIELDS
   (applies to all products using the nbo-wrapper)
   ================================ */

/* 1. Remove gray bar background from field headers */
.nbo-wrapper .nbd-field-header,
.nbo-wrapper .nbd-field-header label {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. Label styling – make it look like normal Woo labels */
.nbo-wrapper .nbd-field-header label {
    display: block;
    padding: 0 0 4px 0 !important;
    margin: 0 0 6px 0 !important;
    font-size: 14px;
    font-weight: 600;
    color: #111;
    text-transform: none;
}

/* 3. Space between each option block (Size, Paper, Sides, Quantity, etc.) */
.nbo-wrapper .nbd-option-field {
    margin-bottom: 16px;
}

/* 4. Make selects/inputs look like clean white WooCommerce fields */
.nbo-wrapper .nbd-option-field select,
.nbo-wrapper .nbd-option-field .form-control,
.nbo-wrapper .nbd-option-field .nbd-field-dropdown select {
    width: 100%;
    border: 1px solid #dddddd !important;
    border-radius: 3px !important;
    background-color: #ffffff !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

/* 5. If any gray background is applied to the whole option row, clear it */
.nbo-wrapper .nbd-option-field,
.nbo-wrapper .nbd-option-field-dropdown-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}


/* ========================================
   LAYOUT: LABEL ON LEFT, FIELD ON RIGHT
   for all Printcart / NBDesigner option rows
   ======================================== */

/* Make each option row a flex row */
.nbo-wrapper .nbd-option-field {
    display: flex;
    align-items: center;
    gap: 18px;               /* space between label and field */
    margin-bottom: 16px;
}

/* Label column on the left */
.nbo-wrapper .nbd-option-field .nbd-field-header {
    flex: 0 0 120px;         /* label width on desktop */
    margin: 0;
}

/* Make sure the label itself behaves like a simple text label */
.nbo-wrapper .nbd-option-field .nbd-field-header label {
    display: block;
    padding: 0;
    margin: 0;
}

/* Field column on the right (select / inputs) */
.nbo-wrapper .nbd-option-field .nbd-field-content,
.nbo-wrapper .nbd-option-field .nbd-field-body,
.nbo-wrapper .nbd-option-field .nbd-field-inner,
.nbo-wrapper .nbd-option-field .nbd-field-wrap {
    flex: 1 1 auto;
}

/* RESPONSIVE: stack vertically on mobile so it doesn't feel cramped */
@media (max-width: 768px) {
    .nbo-wrapper .nbd-option-field {
        flex-direction: column;
        align-items: flex-start;
    }

    .nbo-wrapper .nbd-option-field .nbd-field-header {
        flex: none;
        width: 100%;
        margin-bottom: 4px;
    }
}




/* Reduce vertical spacing in header */
.site-header,
.header,
.main-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* Reduce spacing specifically around logo */
.site-logo,
.custom-logo,
.header-logo {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}





/* Hide the "Total" label injected by NBO on product pages */
.single-product .summary .price .nbo-base-price-html {
  display: none;
}




/* Main price – similar scale to VistaPrint */
.single-product .summary .price,
.single-product .summary .price .woocommerce-Price-amount.amount {
  color: #222;          /* softer black */
  font-weight: 700;     /* bold */
  font-size: 1.6rem;    /* smaller than default heading size */
  line-height: 1.2;
}

/* Unit pricing line – smaller + light grey, like VistaPrint */
.single-product .summary .price-unit-line {
  font-size: 0.85rem;   /* noticeably smaller than main price */
  color: #B0B0B0;       /* very light grey */
  font-weight: 400;     /* normal weight */
  margin-top: 4px;
}














/* Pull the product content closer to the header on product pages */
body.single-product main,
body.single-product .site-main,
body.single-product #content {
  margin-top: -30px !important;   /* adjust: -10, -20, -40, etc */
  padding-top: 0 !important;
}

/* Just in case theme uses a wrapper around the product */
body.single-product .content-area,
body.single-product .site-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}







/* Reduce space under the header on all pages */
.site-header {
  padding-bottom: -0px !important;  /* tweak 5–12px to taste */
}

/* Make sure the main navigation itself isn't adding extra space */
.site-header .main-navigation,
.site-header .primary-navigation {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}



/* Mini cart dropdown background */
.woocommerce-mini-cart,
.widget_shopping_cart,
.widget_shopping_cart_content,
.cart-dropdown,
.mini-cart,
.site-header .woocommerce-mini-cart {
    background: #ffffff !important;
}

/* Individual cart item rows */
.woocommerce-mini-cart .mini_cart_item {
    background: #ffffff !important;
}

/* Cart totals area */
.woocommerce-mini-cart__total,
.woocommerce-mini-cart__buttons {
    background: #ffffff !important;
}

/* Remove harsh borders/shadows */
.woocommerce-mini-cart {
    box-shadow: 0 8px 24px rgba(0,0,0,0.08) !important;
    border: 1px solid #eaeaea;
}

/* Text contrast */
.woocommerce-mini-cart,
.woocommerce-mini-cart a,
.woocommerce-mini-cart span {
    color: #111;
}

/* Make homepage section headings (incl. Featured Products) big again */
.home .elementor-heading-title,
.home .wp-block-heading,
.home .section-title {
    font-size: 36px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}






/* Keep Start Design + Quote inline */
.pcd-start-design-btn,
.nbdq-add-a-quote {
    display: inline-block !important;
    vertical-align: middle;
}

/* Size buttons naturally */
.pcd-start-design-btn,
.nbdq-add-a-quote button {
    width: auto !important;
}

/* Pull the quote button UP to the Start Design row */
.nbdq-add-a-quote {
    margin-left: 12px !important;
    margin-top: -135px !important; /* <-- this is the key line */
}





/* Stop broken footer text */
.footer,
footer,
.widget,
.widget * {
  word-break: normal !important;
  overflow-wrap: normal !important;
  white-space: normal !important;
}
/* Stop theme credits area from colliding */
.site-info {
  clear: both !important;
  display: block !important;
  margin-top: 24px !important;
}
/* === Footer: evenly spread widget columns === */
.footer-widgets{
  display: flex !important;
  justify-content: space-between !important;  /* spread across */
  align-items: flex-start !important;
  gap: 48px !important;                       /* space between columns */
  width: 100% !important;
}

.footer-widgets .widget{
  flex: 1 1 0 !important;     /* equal width columns */
  min-width: 220px !important; /* prevents scrunching */
  margin: 0 !important;
}

/* Optional: tighten the widget title spacing */
.footer-widgets .widget-title{
  margin-bottom: 12px !important;
}

/* Hide WordPress / Storefront footer credits */
.site-info,
.footer-credits,
.footer-copyright,
.wp-block-site-info {
    display: none !important;
}





/* Move the free-design note up (closer to gallery thumbs) */
.woocommerce div.product .ls-free-design-note {
  margin-top: 5px !important;   /* reduce this number until perfect */
}

/* Optional: reduce space under the gallery thumbnails */
.woocommerce div.product .woocommerce-product-gallery {
  margin-bottom: 10px !important;
}











/* Hide Request Custom Quote button on mobile only */
@media (max-width: 768px) {
  #nbdq-quote-btn,
  .nbdq-add-a-quote,
  .nbdq-add-a-quote-button {
    display: none !important;
  }
}












/* =========================================
   MOBILE SINGLE PRODUCT – CLEAN + FRIENDLY
   Paste in: Appearance > Customize > Additional CSS
========================================= */

@media (max-width: 768px) {

  /* Overall page padding */
  .single-product .site-main,
  .single-product .content-area {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* Force a true 1-column layout */
  .single-product div.product {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  .single-product div.product .woocommerce-product-gallery,
  .single-product div.product .summary {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Title + price readability */
  .single-product .product_title {
    font-size: 26px !important;
    line-height: 1.15 !important;
    margin: 6px 0 6px !important;
  }

  .single-product p.price,
  .single-product span.price {
    font-size: 22px !important;
    margin: 4px 0 10px !important;
  }

  /* Remove/compact extra stuff that wastes space */
  .single-product .woocommerce-breadcrumb {
    display: none !important;
  }

  /* Gallery: less dead space, cleaner frame */
  .single-product .woocommerce-product-gallery {
    margin: 0 !important;
    padding: 0 !important;
  }

  .single-product .woocommerce-product-gallery__wrapper {
    border-radius: 16px !important;
    overflow: hidden !important;
  }

  /* Thumbnails row: tighter + scrollable if many */
  .single-product .flex-control-thumbs {
    display: flex !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 10px 0 0 !important;
    margin: 0 !important;
  }
  .single-product .flex-control-thumbs li {
    width: 64px !important;
    flex: 0 0 64px !important;
    margin: 0 !important;
  }
  .single-product .flex-control-thumbs img {
    border-radius: 10px !important;
  }

  /* Options / variations: make form fields feel native */
  .single-product form.cart,
  .single-product .variations,
  .single-product .variations tbody,
  .single-product .variations tr,
  .single-product .variations td {
    display: block !important;
    width: 100% !important;
  }

  /* Labels */
  .single-product .variations label,
  .single-product form.cart label {
    display: block !important;
    font-size: 14px !important;
    margin: 10px 0 6px !important;
    font-weight: 600 !important;
  }

  /* Selects + inputs */
  .single-product select,
  .single-product input[type="text"],
  .single-product input[type="number"],
  .single-product textarea {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
    font-size: 16px !important; /* prevents iOS zoom */
  }

  /* If your options plugin outputs wrapped fields, this helps */
  .single-product .summary .form-row,
  .single-product .summary .form-row-wide,
  .single-product .summary .quantity,
  .single-product .summary .single_variation_wrap {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Quantity row */
  .single-product .quantity {
    margin: 10px 0 10px !important;
  }

  /* Buttons: full width, thumb-friendly */
  .single-product button.single_add_to_cart_button,
  .single-product .single_add_to_cart_button {
    width: 100% !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
  }

  /* Sticky add-to-cart bar (optional but huge for mobile UX) */
  .single-product form.cart {
    position: sticky !important;
    bottom: 10px !important;
    background: #fff !important;
    padding: 12px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.12) !important;
    z-index: 20 !important;
    margin-top: 10px !important;
  }

  /* Reduce big gaps between blocks inside summary */
  .single-product .summary > * {
    margin-bottom: 10px !important;
  }

}