/*

Theme Name:   WP Shop Child

Theme URI:    https://example.com/

Description:  Child theme for WP Shop WooCommerce

Author:       Your Name

Author URI:   https://example.com/

Template:     wp-shop-woocommerce

Version:      1.0.0

*/



/* Add your custom CSS below this line */





body {

    background-image: url('images/paper-texture-4-1024.jpg');

    background-repeat: repeat;

    background-size: 512px auto;

    background-position: top left;

    background-attachment: fixed; /* optional, gives a nice stationary look */

}



.site-footer {

    background-image: url('images/footer-texture-1920-3.png');

    background-repeat: no-repeat;

    background-position: center top;

    background-size: cover;

    height: 450px;

    position: relative;  /* needed for absolute positioning */

}



.custom-footer-inner {

    width: 100%;       /* full width */

    height: 100%;      /* fill footer height */

    position: relative; /* contains the absolutely positioned search */

}



.footer-search {

    position: absolute;

    left: 50px;      /* distance from left edge */

    bottom: 120px;    /* distance from bottom */

    width: 450px;    /* optional */

}



/* Top Header */

.top-header {

    background-color: #f5f5f5;

    color: #000;

    padding: 10px 0;

    display: flex;

    justify-content: space-between;

}



.top-header .top-left p,

.top-header .top-right p {

    margin-right: 15px; /* spacing between items */

}



/* Remove margin on last item to avoid extra space */

.top-header .top-left p:last-child,

.top-header .top-right p:last-child {

    margin-right: 0;

}



/* Main Header */

.main-header {

    background-color: #fff;

    padding: 20px 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.header-left, .header-center, .header-right {

    display: flex;

    align-items: center;

}



/* Add spacing between items inside each section */

.header-left > * + *,

.header-center > * + *,

.header-right > * + * {

    margin-left: 15px;

}

/* === Custom Nav Bar Background === */
header#masthead .nav-box {
  background-image: url('/wp-content/themes/wp-shop-child/images/nav-texture.png');
  background-repeat: repeat;      /* tile the texture */
  background-size: auto;          /* use the image’s natural scale */
  background-position: top left;
  position: relative;             /* allows for overlays if needed later */
}


.home article.post,
.blog article.post {
  background-image: url('/wp-content/themes/wp-shop-child/images/box-texture-1.png');
  background-repeat: no-repeat;
  background-size: contain;      /* fit inside without cutting off */
  background-position: center top;
  background-color: #f8f4e8;     /* fallback paper tone */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
  padding: 2.5rem;
  margin: 2rem auto;
  max-width: 800px;
  position: relative;
  z-index: 1;
}

/* === Remove grey background from post card === */
.card-item.card-blog-post {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* Hide top header bar */
.top-box {
    display: none;
}

/* Make the custom logo larger and responsive */
.custom-logo {
  max-width: 500px !important;   /* adjust to taste */
  height: auto !important;
  width: auto !important;
}



.head-2 {
    margin-left: 100px; /* nudges search bar to the right */
}

.single-product .product {
    background-color: #fefef9; /* Example: your manual-page beige */
    padding: 20px;
    border-radius: 8px; /* Optional */
}

.post-8 {
    background-color: #fefef9; /* replace with your sampled colour */
    padding: 1rem;
    border-radius: 8px;
}

/* Hide sidebar on page 153 */
.page-id-153 #secondary {
    display: none !important;
}

/* Make main content fill full width */
.page-id-153 .content-area,
.page-id-153 #primary {
    width: 100% !important;
    max-width: 100% !important;
}

/* Hide sidebar on page 95 */
.page-id-95 #secondary {
    display: none !important;
}


/* Make main content fill full width */
.page-id-95 .content-area,
.page-id-95 #primary {
    width: 100% !important;
    max-width: 100% !important;
}


/* Hide SKU on WooCommerce product pages */
.product_meta .sku_wrapper {
    display: none !important;
}

/* ===== Subtle off-white for content/product boxes ===== */

/* Individual product boxes on shop/category pages */
.woocommerce ul.products li.product {
    background-color: #fdf8e0;
}

/* Single product page main content box */
.woocommerce div.product {
    background-color: #fdf8e0;
    padding: 20px; /* optional: adds breathing space */
    border-radius: 4px; /* optional: softens edges */
}

/* Widgets in sidebars */
.widget {
    background-color: #fdf8e0;
    padding: 10px;
    border-radius: 4px;
}