.elementor-138 .elementor-element.elementor-element-17a67f36{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-138 .elementor-element.elementor-element-2e747855{width:100%;max-width:100%;}.elementor-138 .elementor-element.elementor-element-87beb6a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-138 .elementor-element.elementor-element-b74c959{--display:flex;}.elementor-138 .elementor-element.elementor-element-4a56afdf:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-4a56afdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://lorasbakedbasket.com/wp-content/uploads/2026/03/bg-blur-left-02.png");background-position:center left;background-repeat:no-repeat;background-size:contain;}.elementor-138 .elementor-element.elementor-element-4a56afdf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-43px;margin-bottom:0px;padding:2em 0em 6em 0em;}.elementor-138 .elementor-element.elementor-element-4a56afdf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-138 .elementor-element.elementor-element-78ea6a{--divider-border-style:curly;--divider-color:var( --e-global-color-accent );--divider-border-width:3px;--divider-pattern-height:18.8px;--divider-pattern-size:20.6px;}.elementor-138 .elementor-element.elementor-element-78ea6a .elementor-divider-separator{width:106px;margin:0 auto;margin-center:0;}.elementor-138 .elementor-element.elementor-element-78ea6a .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-138 .elementor-element.elementor-element-1076ba53{text-align:center;}.elementor-138 .elementor-element.elementor-element-187c0508{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-138 .elementor-element.elementor-element-20473844{--display:flex;}.elementor-138 .elementor-element.elementor-element-54ab039c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-138 .elementor-element.elementor-element-505a3e1c{--display:flex;}@media(min-width:768px){.elementor-138 .elementor-element.elementor-element-505a3e1c{--content-width:1400px;}}@media(max-width:1024px){.elementor-138 .elementor-element.elementor-element-4a56afdf{padding:2em 0em 4em 0em;}}@media(max-width:767px){.elementor-138 .elementor-element.elementor-element-4a56afdf{padding:2em 0em 3em 0em;}}@media(min-width:1025px){.elementor-138 .elementor-element.elementor-element-4a56afdf:not(.elementor-motion-effects-element-type-background), .elementor-138 .elementor-element.elementor-element-4a56afdf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-2e747855 *//* RESET */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
}

/* NAVBAR */
.main-navbar{
width:100%;
background:#ff7a2f;
position:sticky;
top:0;
z-index:9999;
}

.navbar-inner{
display:flex;
align-items:center;
justify-content:space-between;
padding:0 6%;
height:110px;
max-width:1400px;
margin:00 auto;
}

/* LOGO */
.logo img{
height:55px;
}

/* MENU */
.nav-menu{
display:flex;
align-items:center;
}

.nav-menu ul{
display:flex;
gap:30px;
list-style:none;
align-items:center;
}

.nav-menu a{
text-decoration:none;
color:#fff;
font-size:16px;
font-weight:600;
padding:10px 0;
}

/* DROPDOWN */
.dropdown{
position:static;
}

.dropdown-menu{
display:none;
position:absolute;
left:0;
top:90px;
width:100%;
background:#fff;
padding:15px 0;
box-shadow:0 4px 10px rgba(0,0,0,0.1);
justify-content:center;
gap:40px;
}

.dropdown:hover .dropdown-menu{
display:flex;
}

.dropdown-menu li a{
color:#333;
font-size:15px;
}

/* CTA */
.cta-buttons{
display:flex;
gap:15px;
align-items:center;
}

.btn-call{
background:#fff;
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.btn-call svg{
width:24px;
height:24px;
fill:#333;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
height:42px;
padding:0 22px;
border-radius:30px;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
line-height:1;
}

/* HAMBURGER */
.hamburger{
display:none;
font-size:30px;
color:#fff;
cursor:pointer;
}

/* MOBILE */
@media (max-width:991px){

.navbar-inner{
height:70px;
}

.hamburger{
display:block;
}

.nav-menu{
position:fixed;
top:70px;
left:-100%;
width:80%;
height:calc(100vh - 70px);
background:#ff7a2f;
flex-direction:column;
transition:0.4s;
padding:40px 30px;
align-items:flex-start;
}

.nav-menu.active{
left:0;
}

.nav-menu ul{
flex-direction:column;
gap:20px;
}

.dropdown-menu{
position:relative;
top:0;
display:none;
flex-direction:column;
background:transparent;
box-shadow:none;
padding-left:20px;
}

.dropdown.open .dropdown-menu{
display:flex;
}

.dropdown-menu li a{
color:#fff;
}

.cta-buttons.desktop-only{
display:none;
}

}

.btn-call svg{
fill:#333 !important;   /* dark color */
width:22px;
height:22px;
display:block;
}

@media (max-width:991px){
.cta-buttons{
display:none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d18bed0 */.cupcakes-page{
font-family:Poppins,sans-serif;
}

.container{
max-width:1200px;
margin:auto;
padding:80px 20px;
}

/* HERO */

.cupcakes-hero{
background:#f7f7f7;
text-align:center;
}

.cupcakes-hero h1{
font-size:46px;
color:#10142f;
margin-bottom:20px;
}

.cupcakes-hero p{
max-width:850px;
margin:auto;
line-height:1.7;
color:#555;
}

/* TITLES */

h2{
text-align:center;
font-size:34px;
color:#10142f;
margin-bottom:50px;
}

/* CUPCAKE GRID */

.cupcake-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.cupcake-card{
background:#fff;
border-radius:12px;
overflow:hidden;
text-align:center;
box-shadow:0 8px 20px rgba(0,0,0,0.06);
}

.cupcake-card img{
width:100%;
height:220px;
object-fit:cover;
}

.cupcake-card p{
padding:0 15px 20px;
font-size:14px;
color:#666;
}

/* DESSERT GRID */

.popular-desserts{
background:#f7f7f7;
}

.dessert-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}

.dessert-card{
background:#fff;
border-radius:10px;
overflow:hidden;
text-align:center;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.dessert-card img{
width:100%;
height:180px;
object-fit:cover;
}

/* CUSTOM FEATURES */

.custom-text{
max-width:800px;
margin:auto;
text-align:center;
color:#555;
margin-bottom:40px;
}

.features-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

.feature{
background:#fff;
padding:18px;
border-left:4px solid #ff7a2f;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
}

/* OCCASIONS */

.occasion-list{
display:flex;
flex-wrap:wrap;
gap:12px;
justify-content:center;
}

.occasion-list span{
border:1px solid #ff7a2f;
color:#ff7a2f;
padding:10px 18px;
border-radius:25px;
}

/* CTA */

.cupcake-cta{
background:linear-gradient(135deg,#ff7a2f,#ff9a55);
color:#fff;
text-align:center;
padding:80px 20px;
}

.cta-buttons{
margin-top:25px;
display:flex;
gap:15px;
justify-content:center;
flex-wrap:wrap;
}

.btn-call{
background:#fff;
color:#ff7a2f;
padding:14px 26px;
border-radius:30px;
text-decoration:none;
}

.btn-whatsapp{
background:#25D366;
color:#fff;
padding:14px 26px;
border-radius:30px;
text-decoration:none;
}

/* RESPONSIVE */

@media(max-width:992px){

.cupcake-grid{
grid-template-columns:repeat(2,1fr);
}

.dessert-grid{
grid-template-columns:repeat(2,1fr);
}

.features-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.cupcake-grid,
.dessert-grid,
.features-grid{
grid-template-columns:1fr;
}

.cupcakes-hero h1{
font-size:30px;
}

h2{
font-size:26px;
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2216643a */.cta-order {

  position: relative;
  padding: 120px 20px;

  background-image: url(https://lorasbakedbasket.com/wp-content/uploads/2026/03/cake-5.jpg);
  background-size: cover;
  background-position: center;

  text-align: center;
  font-family: 'Poppins', sans-serif;
  color: #ffffff;
}

/* Dark overlay for readability */

.cta-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    rgba(0,0,0,0.65),
    rgba(0,0,0,0.65)
  );
}

/* Content container */

.cta-container {
  position: relative;
  max-width: 900px;
  margin: auto;
  z-index: 2;

  background: rgba(0,0,0,0.35);
  backdrop-filter: blur(6px);
  padding: 50px 40px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.15);
}

/* Heading */

.cta-order h2 {
  font-size: 40px;
  margin-bottom: 15px;
  font-weight: 600;
  color: #ffffff !important;
  text-shadow: 0 4px 12px rgba(0,0,0,0.6);
}

/* Subtext */

.cta-subtext {
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
}

/* Description */

.cta-description {
  font-size: 16px;
  margin-bottom: 35px;
  color: #ffffff;
}

/* Buttons */

/* FIX BUTTON LAYOUT */

.cta-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
}

/* Remove column behavior */
.call-wrapper {
  display: contents;
}

/* Ensure buttons align nicely */
.btn-call,
.btn-whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Call Button */

.btn-call {
  background: #ffffff;
  color: #ff7a2f;
}

.btn-call:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* WhatsApp Button */

.btn-whatsapp {
  background: #25D366;
  color: #fff;
}

.btn-whatsapp:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* Delivery areas */

.delivery-areas ul {
  list-style: none;
  padding: 0;
  margin: 15px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.delivery-areas li {
  background: rgba(255,255,255,0.15);
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 14px;
  color: #ffffff;
}

/* Instagram */

.cta-instagram {
  margin-top: 25px;
  color: #ffffff;
}

.cta-instagram a {
  color: #ffffff;
  text-decoration: underline;
}

/* Tablet */

@media (max-width: 992px){

.cta-container{
padding:40px 30px;
}

.cta-order h2{
font-size:34px;
}

}

/* Mobile */

@media (max-width: 768px){

.cta-order{
padding:80px 20px;
}

.cta-container{
padding:35px 25px;
}

.cta-order h2{
font-size:28px;
line-height:1.3;
}

.cta-subtext{
font-size:16px;
}

.cta-description{
font-size:15px;
}

.cta-buttons{
flex-direction:column;
gap:15px;
}

.btn-call,
.btn-whatsapp{
width:100%;
max-width:260px;
margin:auto;
}

.delivery-areas ul{
gap:10px;
}

}

/* Small Mobile */

@media (max-width:480px){

.cta-container{
padding:30px 20px;
}

.cta-order h2{
font-size:24px;
}

.delivery-areas li{
font-size:13px;
padding:7px 12px;
}

}

.call-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.call-text {
  margin-top: 6px;
  font-size: 14px;
  color: #ff7a2f;
  font-weight: 500;
}/* End custom CSS */