﻿/*
 * Tut Pyramids View Hotel â€” cascade bug fixes + mobile touch targets
 * ---------------------------------------------------------------------------
 * Enqueued last (depends on: tut-hotel).
 *
 * The plugin stylesheet assets/css/frontend.css used to re-declare 56 of the
 * same .tut-* classes the theme already owns, at equal specificity, and it was
 * printed after style.css â€” so its legacy values silently won:
 *
 *   .tut-card        padding 0 -> 8px,  radius 14px -> 4px
 *   .tut-price       1.2rem -> 1.15rem
 *   .tut-btn         padding 14/28 -> 12/24,  radius 6px -> 2px
 *   .tut-container   --tut-gutter -> fixed 20px
 *   .tut-grid        clamp gap -> flat 24px
 *
 * That stylesheet is now dequeued (see functions.php) and its 11 unique
 * selectors were ported into style.css, so the theme is the single owner.
 *
 * What is left here are genuine defects inside the theme's own cascade â€”
 * rules that lose to a *more specific* sibling â€” plus mobile touch targets.
 */

/* ========================================================================
   1. .tut-card:not(:has(.tut-card-img)) .tut-card-body  (0,3,0) was
      beating .tut-card-media .tut-card-body  (0,2,0), so cards that DO
      have a media link still got the text-only 26-34px top padding.
   ======================================================================== */
.tut-card-media:not(:has(.tut-card-img)) .tut-card-body {
	padding: 16px 18px 18px;
}

/* ========================================================================
   2. h1..h4 ship line-height 1.16. A 2-3 line card title at 19-21px had
      its lines nearly touching â€” clearly visible on Arabic titles.
   ======================================================================== */
.tut-card-title,
.tut-card-title a {
	line-height: 1.35;
}

/* ========================================================================
   3. .tut-card-body > p  (0,1,1) outranks .tut-price  (0,1,0), so the
      price rendered at body-copy size and the card read as one flat
      block of text. Restated at the theme's own .tut-price size (1.2rem) so
   the price keeps its designed scale instead of inheriting .97rem.
   ======================================================================== */
.tut-card-body > .tut-price,
.tut-card-body > p.tut-price {
	font-size: 1.2rem;
	line-height: 1.4;
}

/* price sub-labels were .78rem / .85rem / 1rem â€” harmonise */
.tut-price-from {
	font-size: .82rem;
	line-height: 1.4;
}

.tut-price small {
	line-height: 1.4;
}

/* ========================================================================
   4. Mobile touch targets â€” the theme shrinks these under 44px
      (the iOS / Material minimum).
   ======================================================================== */
@media (max-width: 767px) {
	.tut-gal-nav {
		width: 44px;
		height: 44px;
		margin-top: -22px;
		font-size: 1.6rem;
	}

	.tut-lb-nav {
		width: 48px;
		height: 48px;
		font-size: 1.6rem;
	}

	.tut-filter-tab {
		min-height: 44px;
		padding: 10px 12px;
	}

	.tut-footer-linknav a,\r\n\t.tut-footer-legal a,\r\n\t.tut-footer-contact-list a {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tmin-height: 44px;\r\n\t}
}