/*
Theme Name: Reykjavik Child
Template: reykjavik
Version: 1.0
*/

/* =========================
   SYSTEM: BASE
   PURPOSE: Global overrides (child-theme)
   ========================= */
  
	/* NONE */   

/* =========================
   SYSTEM: EM-OBF
   PURPOSE: (JS-driven, no CSS required)
   ========================= */

	/* NONE */   
   
/* =========================
   SYSTEM: CACHE
   PURPOSE: BYPASS
   ========================= */
   
	/* NONE */   
	
	
/* =========================
   SYSTEM: FOOTER
   PURPOSE: 5 COL META
   ========================= */
   
/* TABLE LAYOUT */
.meta-footer {
  width: 100%;
  border-collapse: collapse;
}

.meta-footer-col {
  vertical-align: top;
  padding-right: clamp(20px, 3vw, 40px);
}

/* HEADINGS */
.meta-footer-head {
  margin: 0 0 12px 0;
  font-weight: 700;
  font-size: 1.1em;
  line-height: 1.2;
}

/* LINKS */
.meta-footer-link {
  margin: 0;
  line-height: 1.35;
}

.meta-footer-link a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.2s ease;
}

/* HOVER */
.meta-footer-link a:hover {
  border-bottom: 1px solid currentColor;
}

/* REMOVE TABLE BORDERS */
.meta-footer {
  border: none !important;
}

.meta-footer td {
  border: none !important;
}

.meta-footer-col {
  border: none !important;
}

.meta-footer::before,
.meta-footer::after {
  content: none !important;
  display: none !important;
}

/* SITE INFO LINKS */
.site-info a {
  text-decoration: none !important;
}

.site-info a:hover {
  text-decoration: underline !important;
}

/* AVATAR CARD MAIN HUI PAGE */


body .pm-user-card a .pm-user-image img.pm-user {
  display: block !important;
  position: relative !important;
  margin: auto calc(50% - 75px) !important;
  padding: 10px !important; /* This should now win */
  height: 150px !important;
  width: 150px !important;
  overflow: clip !important;
  border-radius: 50% !important; /* Add this too, just to be sure */
  object-fit: cover !important; /* Add this too, just to be sure */
}

/* EMAIL FORM */

form input,
form textarea {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    padding: 10px;
    font-size: 16px;
}

form textarea {
    min-height: 120px;
    resize: vertical;
}

/* CUSTOM SEARCH */

.user-search-results {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.user-search-results .user-result .match {
    font-size: clamp(1.1rem, 1.4vw, 1.35rem) !important;
}

.user-result {
	padding: 1.25rem 1.5rem;
    border-radius: 12px;
    background: #f7f8fa;
    transition: all 0.2s ease;
}

.user-result .match {
    margin-top: 0.5rem;

    /* Force larger readable size */
    font-size: clamp(1.1rem, 1.4vw, 1.35rem);

    line-height: 1.6;
    color: #444;

    /* prevent theme overrides */
    font-weight: 400;
}

.user-result:hover {
    background: #eef1f6;
}

.user-result a {
    font-size: clamp(1.2rem, 1.6vw, 1.6rem);
    font-weight: 600;
    color: #2f3e7a;
    text-decoration: none;
    display: block;
    margin-bottom: 0.35rem;
}

.user-result a:hover {
    text-decoration: underline;
}

.user-result .match {
    margin-top: 0.4rem;
    font-size: clamp(0.95rem, 1.2vw, 1.1rem);
    line-height: 1.5;
    color: #555;
}

/* highlight */
.user-result .match b {
    color: #000;
    background: #ffe066;
    padding: 0 2px;
    border-radius: 3px;
}


/* /END CUSTOM SEARCH */



/* =========================
   META FOOTER SYSTEM
   ========================= */

.meta-footer {
    width: 100%;
    padding: 20px 0;
}

/* TOP ROW */
.meta-footer-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.meta-footer-title {
    font-weight: 700;
    font-size: 1.4em;
}

.meta-footer-search {
    max-width: 420px;
    width: 100%;
}

/* GRID */
.meta-footer-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 25px;
}

/* COLUMNS */
.meta-footer-col {
    min-width: 0;
}

/* HEADINGS */
.meta-footer-head {
    font-weight: 700;
    margin-bottom: 10px;
}

/* LINKS */
.meta-footer-col p {
    margin: 4px 0;
}

.meta-footer-col a {
    text-decoration: none;
}

.meta-footer-col a:hover {
    text-decoration: underline;
}


  
  /* =========================
   HEADER BACKGROUND STATES
   ========================= */

.pm-header-section {
    transition: background 0.3s ease;
}

/* Emergency + Urgent (red tone) */
.pm-header-section.mao-emergency,
.pm-header-section.mao-urgent {
    background: #fbeaea !important;
}

/* Assistance (yellow tone) */
.pm-header-section.mao-assist {
    background: #fff9db !important;
}



/* =========================
   COVER IMAGE FIX
   ========================= */

.pm-cover-image,
.pm-cover-image img {
    width: 100% !important;
    max-width: 100% !important;
}

/* ensure container stretches */
.pm-cover-image {
    display: block;
}

/* prevent weird cropping behavior */
.pm-cover-image img {
    object-fit: cover;
}



/* =========================
   MOBILE PROFILE UPGRADE
   ========================= */
   

/* ROW INSTEAD OF COLUMN STYLE */


@media (max-width: 768px) {

    .pm-section-nav-horizental ul {
        display: flex;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pm-section-nav-horizental li {
        flex: 0 0 auto;
        white-space: nowrap;
    }

}