/* AJ Photobooth - Amélioration visuelle page Location photobooth */
body.page-id-8 {
background: #faf7f2;
}
/* HERO / première section */
.page-id-8 .et_pb_section_0 {
position: relative;
overflow: hidden;
min-height: 78vh;
display: flex;
align-items: center;
background: linear-gradient(135deg, #111827 0%, #2b1055 55%, #f97316 100%) !important;
}
.page-id-8 .et_pb_section_0::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 28%),
radial-gradient(circle at 80% 30%, rgba(255,255,255,.12), transparent 25%),
radial-gradient(circle at 50% 90%, rgba(255,255,255,.14), transparent 30%);
pointer-events: none;
}
.page-id-8 .et_pb_section_0 .et_pb_row {
position: relative;
z-index: 2;
}
.page-id-8 .et_pb_section_0 h4 {
color: #ffd7a8 !important;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
margin-bottom: 15px;
}
.page-id-8 .et_pb_section_0 h1 {
color: #ffffff !important;
font-size: clamp(42px, 6vw, 82px);
font-weight: 900;
line-height: 1.05;
text-shadow: 0 12px 40px rgba(0,0,0,.35);
}
.page-id-8 .et_pb_section_0 p {
color: rgba(255,255,255,.9) !important;
font-size: 20px;
line-height: 1.7;
max-width: 680px;
}
/* Boutons */
.page-id-8 .et_pb_button,
.page-id-8 button,
.page-id-8 input[type="submit"] {
border: none !important;
border-radius: 999px !important;
padding: 14px 28px !important;
background: linear-gradient(135deg, #f97316, #facc15) !important;
color: #111827 !important;
font-weight: 800 !important;
box-shadow: 0 16px 35px rgba(249,115,22,.35);
transition: all .25s ease;
}
.page-id-8 .et_pb_button:hover,
.page-id-8 button:hover,
.page-id-8 input[type="submit"]:hover {
transform: translateY(-3px);
box-shadow: 0 22px 45px rgba(249,115,22,.45);
}
/* Titres de section */
.page-id-8 h2 {
font-size: clamp(32px, 4vw, 52px);
font-weight: 900;
color: #111827;
text-align: center;
margin-bottom: 20px;
}
.page-id-8 h2::after {
content: "";
display: block;
width: 80px;
height: 5px;
background: linear-gradient(135deg, #f97316, #facc15);
border-radius: 99px;
margin: 18px auto 0;
}
/* Cartes avantages */
.page-id-8 .et_pb_blurb,
.page-id-8 .et_pb_text,
.page-id-8 .et_pb_pricing_table {
transition: all .25s ease;
}
.page-id-8 .et_pb_blurb {
background: #ffffff;
border-radius: 28px;
padding: 30px 24px;
box-shadow: 0 18px 45px rgba(17,24,39,.08);
border: 1px solid rgba(17,24,39,.06);
}
.page-id-8 .et_pb_blurb:hover {
transform: translateY(-8px);
box-shadow: 0 28px 65px rgba(17,24,39,.14);
}
.page-id-8 .et_pb_blurb h4 {
font-weight: 850;
color: #111827;
}
.page-id-8 .et_pb_blurb p {
color: #4b5563;
line-height: 1.7;
}
/* Cartes tarifs */
.page-id-8 .et_pb_pricing_table {
background: #ffffff !important;
border-radius: 32px !important;
overflow: hidden;
border: 1px solid rgba(17,24,39,.08) !important;
box-shadow: 0 18px 50px rgba(17,24,39,.10);
}
.page-id-8 .et_pb_pricing_table:hover {
transform: translateY(-10px);
box-shadow: 0 30px 75px rgba(17,24,39,.18);
}
.page-id-8 .et_pb_pricing_heading {
background: #111827 !important;
padding: 28px 20px !important;
}
.page-id-8 .et_pb_pricing_title {
color: #ffffff !important;
font-weight: 900;
letter-spacing: 1px;
}
.page-id-8 .et_pb_et_price,
.page-id-8 .et_pb_sum {
color: #f97316 !important;
font-weight: 900 !important;
}
.page-id-8 .et_pb_pricing_content li {
font-size: 16px;
color: #374151;
padding: 10px 0;
}
/* Mettre l'offre Premium en avant */
.page-id-8 .et_pb_pricing_table:nth-child(2) {
transform: scale(1.04);
border: 2px solid #f97316 !important;
position: relative;
}
.page-id-8 .et_pb_pricing_table:nth-child(2)::before {
content: "Le plus populaire";
position: absolute;
top: 14px;
right: -42px;
transform: rotate(35deg);
background: #f97316;
color: white;
font-weight: 800;
padding: 8px 45px;
font-size: 13px;
z-index: 5;
}
/* Formulaire */
.page-id-8 form,
.page-id-8 .et_pb_contact_form {
background: #ffffff;
border-radius: 32px;
padding: 32px;
box-shadow: 0 22px 60px rgba(17,24,39,.10);
}
.page-id-8 input,
.page-id-8 textarea,
.page-id-8 select {
border-radius: 16px !important;
border: 1px solid rgba(17,24,39,.12) !important;
padding: 15px 18px !important;
background: #f9fafb !important;
color: #111827 !important;
font-size: 16px !important;
}
.page-id-8 input:focus,
.page-id-8 textarea:focus,
.page-id-8 select:focus {
border-color: #f97316 !important;
box-shadow: 0 0 0 4px rgba(249,115,22,.15) !important;
outline: none !important;
}
/* Infos contact */
.page-id-8 h4 {
font-weight: 850;
}
.page-id-8 a[href^="tel"],
.page-id-8 a[href^="mailto"] {
color: #f97316;
font-weight: 800;
}
/* Responsive mobile */
@media (max-width: 768px) {
.page-id-8 .et_pb_section_0 {
min-height: 65vh;
text-align: center;
}
.page-id-8 .et_pb_section_0 p {
font-size: 17px;
}
.page-id-8 .et_pb_pricing_table:nth-child(2) {
transform: none;
}
.page-id-8 form,
.page-id-8 .et_pb_contact_form {
padding: 22px;
}
}