/* ===========================================================
   Westhouse Göcek — özel ayarlar (tüm sayfalarda en son yüklenir)
   Buton rengi: #439668 (yeşil)
   =========================================================== */

/* Elementor butonları (ör. "İncele") */
.elementor-button,
.elementor-button:link,
.elementor-button:visited {
    background-color: #439668 !important;
    color: #ffffff !important;
    border-color: #439668 !important;
}
.elementor-button:hover,
.elementor-button:focus,
.elementor-button:active {
    background-color: #34794f !important;
    color: #ffffff !important;
    border-color: #34794f !important;
}

/* Tema butonları / form gönder düğmeleri */
input[type=submit],
input[type=button],
a.button,
.button,
.wp-element-button {
    background-color: #439668 !important;
    border-color: #439668 !important;
    color: #ffffff !important;
}
input[type=submit]:hover,
input[type=button]:hover,
a.button:hover,
.button:hover,
.wp-element-button:hover {
    background-color: #34794f !important;
    border-color: #34794f !important;
    color: #ffffff !important;
}

/* Buton metin sarmalayıcısı da beyaz kalsın */
.elementor-button .elementor-button-text { color: #ffffff !important; }

/* ===========================================================
   ODA GRIDLERI (özel tasarım)
   =========================================================== */

/* Ana sayfa: 3x3 grid (tek resim + isim + buton) */
.wh-rooms-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin: 12px 0 40px; width: 100%; }
.wh-room-card { background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.08); overflow: hidden; display: flex; flex-direction: column; transition: transform .25s, box-shadow .25s; }
.wh-room-card:hover { transform: translateY(-5px); box-shadow: 0 10px 28px rgba(0,0,0,.15); }
.wh-room-card__img { display: block; aspect-ratio: 4/3; overflow: hidden; }
.wh-room-card__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.wh-room-card:hover .wh-room-card__img img { transform: scale(1.06); }
.wh-room-card__body { padding: 18px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px; }
.wh-room-card__title { font-family: Oswald, "Jost", sans-serif; font-size: 19px; font-weight: 500; letter-spacing: .5px; text-transform: uppercase; color: #222; margin: 0; }

/* Ortak yeşil buton */
.wh-room-card__btn, .wh-room__btn { display: inline-block; background: #439668; color: #fff !important; padding: 9px 26px; font-family: Oswald, sans-serif; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; border-radius: 2px; transition: background .2s; }
.wh-room-card__btn:hover, .wh-room__btn:hover { background: #34794f; }

/* Odalarımız: 3 kolon, büyük kapak, kapak→galeri */
.wh-rooms-page { padding-top: 60px; }   /* header ile başlık arasına boşluk */
/* Başlık + grid alt alta dursun (Elementor flex container'ını ez) ve içerik biraz yayılsın */
.wh-rooms-page > .elementor-container { display: block !important; max-width: 1360px; }
.wh-page-head { text-align: center; margin: 0 0 42px; width: 100%; }
.wh-page-title { font-family: Oswald, sans-serif; font-size: 38px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #222; margin: 0; }
.wh-rooms-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 26px; margin-bottom: 50px; width: 100%; align-items: start; }
.wh-room { background: #fff; box-shadow: 0 2px 14px rgba(0,0,0,.08); overflow: hidden; display: flex; flex-direction: column; }
.wh-room__media { position: relative; }
.wh-gallery-cover { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer; position: relative; aspect-ratio: 1/1; overflow: hidden; }
.wh-gallery-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
.wh-gallery-cover:hover img { transform: scale(1.05); }
.wh-gallery-cover::after { content: ""; position: absolute; inset: 0; background: rgba(67,150,104,0); transition: background .25s; }
.wh-gallery-cover:hover::after { background: rgba(67,150,104,.10); }
.wh-gallery-cue { position: absolute; right: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; gap: 7px; background: rgba(0,0,0,.62); color: #fff; padding: 7px 14px; border-radius: 30px; font-family: "Jost", sans-serif; font-size: 13px; letter-spacing: .3px; transition: background .2s; }
.wh-gallery-cover:hover .wh-gallery-cue { background: #439668; }
.wh-room__info { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 12px; }
.wh-room__title { font-family: Oswald, sans-serif; font-size: 23px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; color: #222; margin: 0; }
.wh-room__desc { color: #555; font-family: "Jost", sans-serif; font-size: 15px; line-height: 1.7; }
.wh-room__desc p { margin: 0 0 9px; }
.wh-room__lead { font-weight: 600; color: #333; }
.wh-room__btn { align-self: flex-start; margin-top: 4px; }

/* Foto Galeri grid */
.wh-gal-cat { font-family: Oswald, sans-serif; font-size: 24px; font-weight: 500; text-transform: uppercase; letter-spacing: .5px; color: #222; text-align: center; margin: 38px 0 18px; }
.wh-gallery-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 0 26px; width: 100%; }
.wh-gal-thumb { padding: 0; border: 0; background: none; cursor: pointer; aspect-ratio: 1/1; overflow: hidden; position: relative; }
.wh-gal-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
.wh-gal-thumb:hover img { transform: scale(1.07); }
.wh-gal-thumb::after { content: ""; position: absolute; inset: 0; background: rgba(67,150,104,0); transition: background .25s; }
.wh-gal-thumb:hover::after { background: rgba(67,150,104,.15); }

@media (max-width: 900px) { .wh-rooms-grid, .wh-rooms-list { grid-template-columns: repeat(2, 1fr); } .wh-gallery-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .wh-rooms-grid, .wh-rooms-list { grid-template-columns: 1fr; } .wh-gallery-grid { grid-template-columns: repeat(2, 1fr); } }

/* Lightbox */
.wh-lightbox { position: fixed; inset: 0; background: rgba(0,0,0,.92); z-index: 99999; display: none; align-items: center; justify-content: center; }
.wh-lightbox.open { display: flex; }
.wh-lb-img { max-width: 88vw; max-height: 86vh; object-fit: contain; box-shadow: 0 6px 40px rgba(0,0,0,.5); }
.wh-lb-close, .wh-lb-prev, .wh-lb-next { position: absolute; background: rgba(255,255,255,.12); color: #fff; border: 0; cursor: pointer; line-height: 1; width: 52px; height: 52px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 26px; transition: background .2s; }
.wh-lb-close:hover, .wh-lb-prev:hover, .wh-lb-next:hover { background: #439668; }
.wh-lb-close { top: 22px; right: 26px; font-size: 34px; }
.wh-lb-prev { left: 22px; top: 50%; transform: translateY(-50%); }
.wh-lb-next { right: 22px; top: 50%; transform: translateY(-50%); }
.wh-lb-count { position: absolute; bottom: 24px; left: 0; right: 0; text-align: center; color: #fff; font-family: "Jost", sans-serif; font-size: 14px; letter-spacing: 1px; }

/* ===========================================================
   Rezervasyon motoru (HotelRunner) — beyaz zeminde kaybolmasın
   =========================================================== */
.elementor-element-191e830 { background: #f2f4f6; padding: 28px 0; }
.elementor-element-7bf5c9b > .elementor-widget-container {
  background: #ffffff;
  border: 1px solid #e3e6ea;
  border-radius: 8px;
  box-shadow: 0 6px 22px rgba(0,0,0,.10);
  padding: 16px 18px;
}