/**
 * Theme Name:        cafeselectcacf
 * Theme URI:         https://uxi360.com/
 * Description:       Custom theme using ACF
 * Version:           1.0.0
 * Author:            UXi360
 * Devlop by:         Rakesh Mlops
 * Author URI:        https://uxi360.com/
 * Tags:              Acf section builder, full-site-editing
 * Text Domain:       cafeselectcacf
 * Tested up to:      7.1
 * Requires at least: 7.0
 * Requires PHP:      8.2
  */


html {
    scroll-behavior: smooth;
}




body {
  background:#ffc5aa3d;
}

.brick {
  background:
    linear-gradient(180deg, rgba(47,61,43,.08), rgba(47,61,43,.02)),
    repeating-linear-gradient(0deg, rgba(38,36,29,.05) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(38,36,29,.05) 0 1px, transparent 1px 58px);
  background-color: #FFEDC7;
}

.door {
  background: linear-gradient(180deg, #e77b7b, #eb4c4c);
  border-radius: 90px 90px 6px 6px;
}

.transom {
  background: repeating-linear-gradient(
    90deg,
    rgba(169,125,63,.55) 0 2px,
    transparent 2px 16px
  );
}

.window {
  background: linear-gradient(160deg, #965c5c, #aa5151);
  border-radius: 40px 40px 4px 4px;
}
.window-s {
  background: linear-gradient(160deg,  #965c5c, #aa5151);
  
}


.btn-door {
  background: #EB4C4C;
  transition: background-color .18s ease, transform .18s ease;
}

.btn-door:hover {
  background: #9b2929;
  transform: translateY(-1px);
}

.btn-outline {
  border: 1px solid #EB4C4C;
  color: #EB4C4C;
  transition: background-color .18s ease, color .18s ease;
}

.btn-outline:hover {
  background: #EB4C4C;
  color: #F8F4EC;
}

.card {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 34px -20px rgba(38,36,29,.3);
}

.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  height: 1px;
  background: #a97d3f;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}

.nav-link:hover::after {
  transform: scaleX(1);
}

.number-plate {
  background: #FF9D9D;
  color: #26241d;
  box-shadow: 0 2px 0 rgba(0,0,0,.15);
}



/* t-shirt collection */



        .logo-text {
           
            letter-spacing: 0.05em;
            text-transform: uppercase;
        }
        .product-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .product-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        }
        .size-pill {
            transition: all 0.2s ease;
        }
        .size-pill:hover {
            background-color: #E63946;
            color: white;
            border-color: #E63946;
        }
        .image-gallery {
            position: relative;
            overflow: hidden;
        }
        .image-gallery img {
            transition: opacity 0.3s ease;
        }
        /* .image-gallery .back-view {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            object-fit: contain;
        } */
        /* .image-gallery:hover .back-view {
            opacity: 1;
        } */
        /* .image-gallery:hover .front-view {
            opacity: 0;
        } */